/* iOSアプリの殻（Capacitor。assets/native-shell.js が <html class="is-native"> を付ける）専用の見た目。
   ブラウザ・PWAでは何も変わらない（is-native が付かないため）。
   iOSアプリの中では、App Store 審査 3.1.1 に合わせて Stripe の購入・契約管理の入口を隠す
   （デジタル商品のアプリ内課金は次段階）。勉強ログの通知設定（[data-native-only]）はこの逆で、
   ネイティブのときだけ出す（端末の通知はネイティブでしか予約できないため）。 */
html:not(.is-native) [data-native-only]{display:none}
/* 有料の冊の入口（まとめて開く枠・鍵の「購入して開く」・購入の画面・棚の「有料」の帯）は、殻に StoreKit があって App Store で買えるとき
   （assets/iap.js が <html data-iap="on"> を付ける。2026-10-10）だけ出す。StoreKit の無い古い殻では今までどおり隠す。 */
html.is-native .qz-purchase,
html.is-native .qz-purchase-scrim,
html.is-native [data-role="purchase-open"],
html.is-native:not([data-iap]) .dpg-pack,
html.is-native:not([data-iap]) [data-role="paid-pack-buy"],
html.is-native:not([data-iap]) [data-role="paid-unlock"],
html.is-native:not([data-iap]) .dpg-paid,
html.is-native:not([data-iap]) .dpg-book__ribbon,
html.is-native [data-role="enter-code"],
html.is-native a[href="subscription.html"],
html.is-native a[href^="subscription.html?"],
html.is-native a[href="claim.html"],
html.is-native a[href^="claim.html?"],
html.is-native #manage,
html.is-native #rejoin,
html.is-native .dpg-scr__manage{display:none!important}

/* App Store 提出の準備（2026-10-02。審査の決まり 4.2「Web を包んだだけ」・3.1.1）: アプリの中では「Web のページ」に見えるものを出さない。
   ・問題集の下の法務リンクの並び（.qz-foot__links）と、使い方ページの下の「規約・運営情報」（.site-footer）。
     利用規約・プライバシーポリシー・クレジットは、マイページ（account.html の [data-native-only]）から辿れる。
     TOEIC の免責（.qz-foot__disclaimer。ETS の求め）は残す。
   ・検索向けの紹介文の「使い方と料金を見る」のリンク（.qz-seo-intro__link。紹介文と h1 は残す）、「ホーム画面に追加」の案内（.dpg-install）。
   ・使い方ページの Web の料金（#price）、有料プラン・端末の台数・解約の説明（#help-purchase・#help-devices・#help-cancel）と、
     ホーム画面の説明（#help-install）、ヘルプの目次のそれぞれのリンク。
   運営者・問い合わせ先の案内（#help-contact）は残す。法務のページ自体（terms・privacy・tokushoho・credits）は殻を読まないので、ここでは触れない。 */
html.is-native .qz-foot__links,
html.is-native .site-footer,
html.is-native .qz-seo-intro__link,
html.is-native .dpg-install,
html.is-native #price,
html.is-native #help-install,
html.is-native #help-purchase,
html.is-native #help-devices,
html.is-native #help-cancel,
html.is-native .help-nav a[href="#help-install"],
html.is-native .help-nav a[href="#help-purchase"],
html.is-native .help-nav a[href="#help-devices"],
html.is-native .help-nav a[href="#help-cancel"]{display:none!important}

/* App Store で買う（assets/iap.js）ための要素。[data-iap-only] は HTML で hidden にしておき、iap.js が App Store で買えると分かったときだけ hidden を外す。
   Web・StoreKit の無い古い殻では一瞬も出さない（.cloud-button などの display の指定が hidden に勝たないよう、ここで止める）。 */
[data-iap-only][hidden],.dpg-iap [hidden]{display:none!important}
.dpg-iap__price{display:flex;align-items:baseline;gap:8px;margin:0 0 6px}
.dpg-iap__price b{font-size:32px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums}
.dpg-iap__price span{font-size:15px;font-weight:700}
.dpg-iap__perks{margin:0 0 12px;padding-left:1.2em;line-height:1.7}
.dpg-iap__actions{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}
.dpg-iap__actions .cloud-button{width:100%}
.dpg-iap .cloud-note{overflow-wrap:anywhere}
