/* css/responsive-834.css — 834px帯専用隔離 (plan .kilo/plans/1788706434425-responsive-834-isolation-plan.md)
 * 対象: 横幅769–834pxのみ (iPad縦等の狭PC帯)。768/390/360/480/1024/1280には影響を与えない。
 * 方式: 本ファイルの全内容は screen 769–834 帯の単一ブロック内に隔離。
 *   - 単ピクセル width:834px 指定はスクロールバー/ズーム/DPRで不安定なため不採用。
 *   - screen 接頭で印刷を除外。印刷・モーション軽減への上書きを含めない。
 * 読込: `tokikai-responsive-480` の後 (deps 480, priority 104, 登録順で後勝ち)。print(105)/mobile-nav(106)は不変。
 * 詳細度: 同一セレクタ＋後読込で既存769–1024則に後勝ち。important は既存が important の箇所のみ最小限。
 * 既存CSS無改変。WAAPI/transform/animation・aspect-ratio・object-fit・文言・font-size(原則)不変。
 */
@media screen and (min-width: 769px) and (max-width: 834px) {
  /* Task 1 — ヒーロー縮小 (`/` のみ。PC系譜維持: 左半分・16/9.5・横ボタン＋文字/ボタン縮小)
     2026-09-07 round2: subtitle実測 need352=have352(余裕0・Safariで2行化) → content 48%＋字下げで約26px余裕を確保
     2026-09-07 round3: 実測 need378=have375(不足3px・末尾「所」折返し) → 50%＋横padding圧縮で約20px余裕を確保 */
  .top-page .top-hero-content { width: 50%; max-width: 50%; padding: 1.25rem 0.6rem; }
  .top-page .top-hero-title { font-size: 2em; margin-bottom: 0.4em; }
  .top-page .top-hero-subtitle { font-size: 1em; margin-bottom: 1.2em; }
  .top-page .top-hero-buttons { gap: 10px; max-width: 340px; }
  .top-page .top-hero-btn { min-width: 0; flex: 0 1 160px; max-width: 170px; padding: 0.85em 1em; font-size: 0.88rem; white-space: nowrap; }

  /* Task 2 — 技術と思索 2行化 (`/` のみ。font-size/文言/white-space不変。余白とgapのみ) */
  .top-page .top-blog-grid { gap: 1em; }
  .top-page .top-blog-card { padding: 1.2em 1em; }
  .top-page .top-blog-card-left { padding-right: 0.9em; margin-right: 0.9em; min-width: 72px; }
  .top-page .top-blog-card-right { padding-right: 0.2em; }

  /* Task 3 — その他情報 3行化 (`/` のみ。font-size/文言不変。余白のみ。iconOnly帯30px＋3px inset不変)
     2026-09-07 round2: 右カードtitle「運営者の思索」実測 need92=have92(余裕0・Safariで2行化) → 3枚均等に余白圧縮で約16px余裕を確保
     2026-09-07 round3: 実測 need108=have108(余裕0・末尾「索」折返し) → gap/左列/左右paddingを均等圧縮で約14px余裕を追加 */
  .top-page .top-meta-grid { gap: 0.5em; }
  .top-page .top-meta-item { padding: 0.9em 0.5em; padding-right: 33px; }
  .top-page .top-meta-left { padding-right: 3px; margin-right: 3px; min-width: 40px; }
  .top-page .top-meta-right { padding-right: 0.1em; }

  /* round2 追加 — 私と世界観: 詳しく見るを右下配置 (`/` のみ。1024較正の負margin hackが834で27px浮くためauto押下げに置換) */
  .top-page .top-soniria .top-card-aff,
  .top-page .top-worldview .top-card-aff { margin-top: auto; }

  /* Task 4 — character ソニリア中央化 (`/character/` のみ。object-positionのXのみ微調整。transform併用なし) */
  body.page-id-11 .character-soniria-img { object-position: 83% 50%; }

  /* Task 5 — メンバーと体制 カード内縦積み (`/social/` のみ。3列row維持＋各カード内のみ画像上・説明下) */
  body.page-id-13 .social-team-wrapper .creation-three-column { flex-direction: row; }
  body.page-id-13 .social-team-wrapper .social-team-card .profile-inline {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.6em !important;
  }
  body.page-id-13 .social-team-wrapper .social-team-card .profile-image img { width: 88px; }
  body.page-id-13 .social-team-wrapper .social-team-card .profile-text p { text-align: center; }

  /* Task 6 — サイトポリシー導入文 1行化 (`/social/` のみ。font-size/letter-spacing/br/文言不変。余白のみ)
     2026-09-07 round2: intro真幅702に対し旧slot681(不足) → 3層の左右padding圧縮でslot約734・余裕約32pxを確保。上下は維持 */
  body.page-id-13 .social-policy-wrapper { padding-left: 0.5rem; padding-right: 0.5rem; }
  body.page-id-13 .social-policy-wrapper .operator-card-body { max-width: none; padding-left: 0.45em; padding-right: 0.45em; }
  body.page-id-13 .social-policy-wrapper .social-operator-card { padding-left: 0.45em !important; padding-right: 0.45em !important; }

  /* Task 7 — 活動の歩み 白カードのモバイル値移植 (`/character/` のみ。plan 1788709391687)
     834帯は2カラム50/50並列のため右カラム内容幅がモバイル並に狭い。モバイル(≤480最終値・follow-up4b)の
     余白・日付列・レール・文字サイズを769–834帯に移植。上下padding・ドットtopは基底維持。
     基底が !important の翡翠左右のみ !important。他は同一詳細度＋後読込(834が480の後)で後勝ち。 */
  .page-id-11 .mapping-timeline-card { padding-left: 0.5rem; padding-right: 6px; }
  .page-id-11 .creation-two-column > .character-mapping-media,
  .page-id-11 .creation-two-column > .character-mapping-text { padding-left: 5px !important; padding-right: 5px !important; }
  .page-id-11 .mapping-timeline-item { gap: 1.25rem; }
  .page-id-11 .mapping-timeline-date { flex: 0 0 3.125rem; max-width: 3.125rem; min-width: 3.125rem; font-size: 0.8em; }
  .page-id-11 .mapping-timeline-content { font-size: 0.92em; }
  .page-id-11 .mapping-timeline::before { left: calc(3.75rem - 1px); }
  .page-id-11 .mapping-timeline-item::before { left: calc(3.75rem - 5px); }

  /* 769-834のみ768レイアウト移植（page-id-11の3セクション限定。768/835+/他頁・印刷不変） */
  .page-id-11 .creation-two-column > .character-soniria-media,
  .page-id-11 .creation-two-column > .character-soniria-text {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }
  .page-id-11 .character-soniria-media {
    align-items: flex-start;
    height: auto;
  }
  .page-id-11 .character-placeholder-soniria {
    flex: none;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  .page-id-11 .character-soniria-img {
    aspect-ratio: 16 / 9;
    height: auto;
  }
  .page-id-11 .character-soniria-likes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-id-11 .character-likes-card {
    min-width: 0;
  }
  .page-id-11 .creation-two-column > .character-worldview-media,
  .page-id-11 .creation-two-column > .character-worldview-text {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }
  .page-id-11 .character-worldview-media {
    align-items: flex-start;
    height: auto;
  }
  .page-id-11 .character-placeholder-worldview {
    aspect-ratio: 16 / 9;
    flex: none;
    height: auto;
  }
  .page-id-11 .character-worldview-img {
    aspect-ratio: 16 / 9;
    height: auto;
  }
  /* 769-781のWP core 600-781px margin潰し対抗（768の481-768復元則と同値・同詳細度で後勝ち） */
  .page-id-11 .creation-two-column .character-worldview-text .character-concept-card {
    margin-bottom: 1.5em;
  }
  .page-id-11 .creation-two-column .character-worldview-text .character-concept-card:last-child {
    margin-bottom: 0;
  }
  /* 主な活動: 外縦積み＋内2列（768最終値） */
  .page-id-11 .creation-katsudo-grid {
    grid-template-columns: 1fr;
  }
  .page-id-11 .creation-katsudo-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-id-11 .creation-katsudo-card {
    min-width: 0;
  }
  /* 縦積み詰め（768のplan 1788665840152則と同値・同詳細度で後勝ち。視覚余白 約44-72px → 約20px = 上パネル下6px＋外gap 8px＋下パネル上6px） */
  .page-id-11 .creation-two-column:has(> .character-soniria-media),
  .page-id-11 .creation-two-column:has(> .character-worldview-media) {
    gap: 8px;
  }
  .page-id-11 .creation-two-column > .character-soniria-media,
  .page-id-11 .creation-two-column > .character-worldview-media {
    padding-bottom: 6px !important;
  }
  .page-id-11 .creation-two-column > .character-soniria-text,
  .page-id-11 .creation-two-column > .character-worldview-text {
    padding-top: 6px !important;
  }
  /* WPコア max-width:781px .wp-block-column margin打消しでgap一本化（768則と同値） */
  .page-id-11 .creation-two-column > .character-soniria-media,
  .page-id-11 .creation-two-column > .character-worldview-media,
  .page-id-11 .creation-two-column > .character-soniria-text,
  .page-id-11 .creation-two-column > .character-worldview-text {
    margin-bottom: 0 !important;
  }
  /* plan 1788710385338 Part A: サイト概要・ナビ・ソニリア見出し — 768値を正とする769–834移植（既存Task1–7＋character積み・詰めは無改変・本ブロック末尾追記のみ） */
  /* TOKIKAI概念: 768則(plan 1788611755136・responsive-768.css:3545-3572)と同値。外グラデ・白内側とも1em化＋帯内読点/br消し */
  body.page-id-13 .sp-punct-tab {
    display: none !important;
  }
  body.page-id-13 .entry-content .concept-box {
    padding: 1em 1em !important;
  }
  body.page-id-13 .entry-content .concept-box .concept-box-inner {
    padding: 1em 1em !important;
  }
  body.page-id-13 .sp-br-tab {
    display: none !important;
  }
  /* 体制: 768則と同値（画像88px・アイコン表示は834現状維持。profile-inline縦積み中央はTask5適用中のため差分のみ） */
  body.page-id-13 .social-team-wrapper .creation-three-column .profile-text {
    width: 100% !important;
    text-align: center !important;
  }
  body.page-id-13 .social-team-wrapper .creation-three-column .profile-text .nagaya-process-link {
    text-align: right !important;
  }
  body.page-id-13 .social-team-wrapper .creation-three-column .creation-column-item:nth-child(3) .profile-text {
    display: block !important;
  }
  body.page-id-13 .team-br-tab {
    display: inline !important;
  }
  /* 運営・問合せ2カラム: 768則(2344-2354)と同値。policyには波及させない（Task6の0.45em 1行化を守るためoperator/contactスコープ限定） */
  body.page-id-13 .social-operator-wrapper .creation-two-column,
  body.page-id-13 .social-contact-wrapper .creation-two-column {
    gap: 1rem !important;
  }
  body.page-id-13 .social-operator-wrapper .creation-two-column .creation-column-item,
  body.page-id-13 .social-contact-wrapper .creation-two-column .creation-column-item {
    padding: 1.25rem !important;
  }
  body.page-id-13 .social-operator-wrapper .creation-two-column .creation-column-item::before,
  body.page-id-13 .social-contact-wrapper .creation-two-column .creation-column-item::before {
    margin: -1.25rem -1.25rem 0.6rem -1.25rem !important;
  }
  /* 問合せF2: ※ぶら下げ（768則3578-3581と同値） */
  body.page-id-13 .social-contact-wrapper .operator-card-body > p:nth-of-type(2) {
    padding-left: 1em !important;
    text-indent: -1em !important;
  }
  /* ソニリア見出し: 768式を移植（834帯全域で約1.1emに張り付き段差解消。
     planはデスクトップ則との同一詳細度＋後読込を想定したが、実測でmobile-nav.css 769-1024則（後読込106・同一(0,2,0)＋!important・上限1em）が勝つことを確認。
     そのためbody付与で(0,2,1)＋!importantに格上げし768正値（約19.8px・1行中央）を優先。padding/letter-spacingも同理由で!important。
     plan 1788711631174 §4-2 (2026-09-07 Playwright実測: 769/800/834でhave-need=133/164/198pxと余裕大だが、
     実機ヒラギノ系のカナ幅拡大に備え上限のみ1.1em→1.05emへ縮小。フロア0.78em・係数3.36vw・padding/letter-spacing不変。
     縮小で約24px追加確保。1.0em割れなしのためpadding圧縮フォールバック不要) */
  body.page-id-11 .character-soniria-hero-title {
    font-size: clamp(0.78em, calc(-0.12em + 3.36vw), 1.05em) !important;
    letter-spacing: -0.02em !important;
    padding: 0.5em 0.4em !important;
  }
  /* plan 1788710385338 §5 ナビ測定ゲート確定（2026-09-07 Playwright実測: 769/800/834で16px仮適用→全幅・全項目で溢れ0・1行維持・文書溢れ0のため16pxで確定。
     mobile-nav.css Plan B 13px則（(1,1,1)＋!important・後読込106）に詳細度(1,1,3)＋!importantで勝つ。padding/均等flex/nowrap/中央/clipは不変） */
  #navi .navi-in > ul > li > a {
    font-size: 16px !important;
  }
  /* plan 1788710385338 Part B-B3: トップ6セクション768移植（`/`のみ。既存Task1–3・round2 aff・Plan C/gap-fixに後勝ちで上書き。削除なし。
     値はPlaywright実測の768計算値と一致させたもの。公開先4列・活動枠gapは769–834でも768と一致したため対象外） */
  /* 活動行: 768則(1138-1162)と同値。ただし日付は後勝ちの2626則0.85emが768正（0.75emではない。実測15.3px） */
  .top-page .top-activity-item {
    flex-wrap: nowrap;
    gap: 0.5em;
  }
  .top-page .top-activity-source {
    font-size: 0.8em;
  }
  .top-page .top-activity-date {
    font-size: 0.85em;
  }
  .top-page .top-activity-text {
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
  }
  /* 世界観frame: 768則(1651-1681)と同値。769–1180 Plan C・769–1024 gap-fix・frame 2列則に後勝ちし縦積みに戻す */
  .top-page .top-soniria-worldview-frame {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "soniria"
      "worldview"
      "about";
    gap: 1.5rem 0;
    padding: 1.25rem 1.5rem;
  }
  .top-page .top-soniria {
    padding: 1.2em 1.5em;
  }
  .top-page .top-worldview {
    padding: 1.2em 1.5em;
  }
  .top-page .top-soniria-worldview-about {
    margin-top: 0;
  }
  /* 創作と共創: 766–768則(3296-3309・2列＋3枚目中央)と同値＋カード(1309-1312)＋481–768ガター則(3891-3903)と同値 */
  .top-page .top-creation {
    padding-left: 14px;
    padding-right: 14px;
  }
  .top-page .top-creation-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    padding-left: 12px;
    padding-right: 12px;
  }
  .top-page .top-creation-grid > .top-creation-card:nth-child(3) {
    grid-column: 1 / -1;
    width: calc(50% - 0.5em);
    max-width: 100%;
    justify-self: center;
    box-sizing: border-box;
  }
  .top-page .top-creation-grid > .top-creation-card {
    min-width: 0;
  }
  .top-page .top-creation-card {
    padding: 1.2rem;
    min-height: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
  /* 技術と思索: 768則(1165-1184)と同値。Task2（2行化チューニング）に後勝ちで上書き。
     容器横はfront-page-inline 1.25emが768正（実測22.5px）のため1.5em 1.25emで再現（768の1em指定だと18pxになり不一致） */
  .top-page .top-blog {
    padding: 1.5em 1.25em;
  }
  .top-page .top-blog-grid {
    grid-template-columns: 1fr;
    gap: 1em;
  }
  .top-page .top-blog-card {
    padding: 1.2em;
  }
  .top-page .top-blog-card-icon {
    font-size: 1.5em;
  }
  /* その他情報: 766–768則(3265-3277・2列＋3枚目中央)＋容器/item(1611-1631)＋481–768ガター則(3904-3917)＋帯32px(2457-2460)と同値。Task3に後勝ち */
  .top-page .top-meta {
    padding: 1.5em 14px;
  }
  .top-page .top-meta-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    padding-left: 12px;
    padding-right: 12px;
  }
  .top-page .top-meta-grid > .top-meta-item:nth-child(3) {
    grid-column: 1 / -1;
    width: calc(50% - 0.5em);
    max-width: 100%;
    justify-self: center;
    box-sizing: border-box;
  }
  .top-page .top-meta-grid > .top-meta-item {
    min-width: 0;
  }
  .top-page .top-meta-item {
    padding: 1.2em;
    padding-left: 14px;
    padding-right: 32px;
  }
  .top-page .top-meta-lead {
    width: 100%;
    margin-inline: auto;
  }
  .top-page .top-meta-right {
    padding-right: 6px;
  }
  /* plan 1788710385338 Part B-B1: ブログ `/blog/` 768移植（.blog-pageスコープ厳守。一覧2列・ページネーション中央・説明は769–834でも768と一致したため対象外） */
  /* フィルター縦積み: max-768則(49-64)と同値（768はcolumn・834はrowのため移植） */
  .blog-page .blog-filter-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .blog-page .blog-filter-search {
    margin-left: 0;
    width: 100%;
  }
  .blog-page .blog-search-input {
    width: 100%;
  }
  /* 年フィルター折畳み: 641–768則(3463-3500)と同値（44px・nowrap1行・横スクロール維持。JS開閉のis-open/is-hidden方式も継承） */
  .blog-page .blog-filter-scroll {
    display: block;
    overflow-x: auto;
    width: 100%;
  }
  .blog-page .blog-filter-year {
    flex-wrap: nowrap !important;
    gap: 0.4em;
  }
  .blog-page .blog-filter-year .blog-filter-btn {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 0.45em 0.9em;
    font-size: 0.9rem;
  }
  .blog-page .blog-filter-expand {
    display: inline-flex !important;
  }
  .blog-page .blog-filter-expand.is-hidden {
    display: none !important;
  }
  .blog-page .blog-filter-extra {
    display: none !important;
    gap: 0.4em;
    flex-wrap: nowrap !important;
  }
  .blog-page .blog-filter-extra.is-open {
    display: inline-flex !important;
  }
  .blog-page .blog-filter-search {
    width: 100% !important;
    margin-left: 0 !important;
  }
  /* カード再配置: 641–768則(plan 1788665754359・4058-4101)と同値（上段サムネ＋メタ・下段タイトル全幅2行。display:contents方式。supports fallbackは別ブロック追加になるため不採用） */
  body.blog-page .blog-list .blog-card .blog-card-top {
    display: grid !important;
    grid-template-columns: calc(30% - 0.4em) minmax(0, 1fr) !important;
    grid-template-areas: "thumb meta" "title title" !important;
    gap: 0.8em !important;
    row-gap: 0.6em !important;
    align-items: center !important;
    padding: 0.9em !important;
    padding-right: 1.6em !important;
  }
  body.blog-page .blog-card-thumb {
    grid-area: thumb !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: center !important;
    aspect-ratio: 16 / 9 !important;
  }
  body.blog-page .blog-card-title-area {
    display: contents !important;
  }
  body.blog-page .blog-card-meta {
    grid-area: meta !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.8em !important;
    min-width: 0 !important;
    font-size: 0.9em !important;
  }
  body.blog-page .blog-card-title {
    grid-area: title !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.5 !important;
    min-height: calc(1.15rem * 1.5 * 2) !important;
    margin: 0 !important;
    font-size: 1.15rem !important;
  }
  /* plan 1788710385338 Part B-B2: 創作紹介 `/creation/`（ID:9）768移植（.page-id-9スコープ厳守。公開先3列は768–1024則が834帯へ適用中のため対象外） */
  /* 概念のタブレット改行: 481–768則(3929-3933)と同値 */
  .page-id-9 .creation-concept-br-tab {
    display: inline;
  }
  /* ゲーム2段: 766–768則(3315-3333)と同値（2列＋3枚目中央） */
  body.page-id-9 .creation-game-wrapper .creation-three-column {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
  }
  body.page-id-9 .creation-game-wrapper .creation-three-column > .wp-block-column {
    min-width: 0;
    max-width: none;
    margin-bottom: 0 !important;
  }
  body.page-id-9 .creation-game-wrapper .creation-three-column > .wp-block-column.creation-game-card:nth-child(3) {
    grid-column: 1 / -1;
    width: calc(50% - 0.5em);
    max-width: 100%;
    justify-self: center;
    box-sizing: border-box;
  }
  /* 観る/読む2並列: 766–768則(3343-3377)と同値（カード縦積み＋CTA下端固定で位置揃え） */
  body.page-id-9 #section-view .creation-view-inner,
  body.page-id-9 #section-read .creation-read-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem !important;
  }
  body.page-id-9 #section-view .creation-motion-card,
  body.page-id-9 #section-read .creation-motion-card {
    flex-direction: column !important;
    gap: 1rem !important;
    padding: 0.625rem !important;
    min-width: 0;
  }
  body.page-id-9 #section-view .creation-motion-card .creation-placeholder-link,
  body.page-id-9 #section-read .creation-motion-card .creation-placeholder-link {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }
  body.page-id-9 #section-view .creation-motion-card .creation-motion-text,
  body.page-id-9 #section-read .creation-motion-card .creation-motion-text {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }
  body.page-id-9 #section-view .creation-motion-card .creation-card-view-all,
  body.page-id-9 #section-read .creation-motion-card .creation-card-view-all {
    margin-top: auto !important;
    padding-top: 0.5rem;
  }
  /* 2026-09-07 追加①: トップ「私と世界観」2画像の16:9化（768則3416-3432と同値。`/`のみ。769–834は4:3表示のため移植。
     soniria透過画材の端部tint上掛けも768と同一適用。worldviewは16:9クロップのみ） */
  .top-page .top-soniria-img {
    aspect-ratio: 16 / 9;
  }
  .top-page .top-soniria-image {
    background:
      linear-gradient(90deg, rgba(79,169,198,0.80) 0%, rgba(79,169,198,0) 16%, rgba(125,115,180,0) 84%, rgba(125,115,180,0.80) 100%),
      linear-gradient(rgba(255,255,255,0.20), rgba(255,255,255,0.20)),
      linear-gradient(135deg, #8ED1E0 0%, #BBB7DA 50%, #F3FAFD 100%);
  }
  .top-page .top-worldview-img {
    aspect-ratio: 16 / 9;
  }
  /* 2026-09-07 追加②: ブログ検索ボックス44px化（768則1826-1838/1964-1967と同値。B1追記の不足分。
     769–834はinput/submit 34px・wrapper縮小のため移植。wrapper幅・高さ・input最大幅を768通りに） */
  .blog-page .blog-search-wrapper {
    width: 100%;
  }
  .blog-page .blog-search-input,
  .blog-page .blog-search-submit {
    height: 44px !important;
    min-height: 44px !important;
  }
  .blog-page .blog-search-input {
    max-width: none !important;
    font-size: 0.9rem;
  }
  /* 2026-09-07 追加③: 創作紹介IT/3Dの4白カード余白切詰め（`/creation/`のみ・769–834限定。
     見る/読むmotion-card（0.625rem・gap 1rem）が正。IT/3D sub-cardは全幅で24px/1.5remのため769–834のみ統一。768以下・835以上不変） */
  body.page-id-9 #section-it .creation-sub-card,
  body.page-id-9 #section-3d .creation-sub-card {
    padding: 0.625rem;
    gap: 1rem;
  }
  /* 2026-09-07 追加④: characterソニリア16:9プレースホルダ左右グラデ（768則1008-1019と同値。`/character/`のみ。
     769–834は白ヴェール＋135deg基底のみのため、768通りの90deg端部tintを上掛け。imgの16:9は適用中のため背景のみ追加） */
  .page-id-11 .character-placeholder-soniria {
    background:
      linear-gradient(90deg, rgba(79,169,198,0.80) 0%, rgba(79,169,198,0) 16%, rgba(125,115,180,0) 84%, rgba(125,115,180,0.80) 100%),
      linear-gradient(rgba(255,255,255,0.20), rgba(255,255,255,0.20)),
      linear-gradient(135deg, #8ED1E0 0%, #BBB7DA 50%, #F3FAFD 100%);
  }
  /* plan 1788711631174 §4-3: 年月と線・丸の重なり解消（`/character/`のみ・Task7則より後に追記し後勝ち。gap 1.25rem・カード/カラムpadding不変。
     Playwright実測(769/800/834・fonts.ready後): 日付9行全て sw54/cw50/diff+4で枠超過。右寄せのため右へ4pxはみ出し、
     ラボではrailまで9px残るが実機丸め・フォント差で重なる。W=最大実幅54px＋10px=64px=4remに拡大。
     レール・ドットは幾何維持で追従（W＋gap半分0.625rem）。内容列はoverflow-wrap:anywhereで折返しのため重ならず、
     実測で内容scrollWidth>clientWidth=0のため白カードpadding-right:6px→0は不要で追加しない） */
  .page-id-11 .mapping-timeline-date {
    flex: 0 0 4rem;
    max-width: 4rem;
    min-width: 4rem;
  }
  .page-id-11 .mapping-timeline::before {
    left: calc(4.625rem - 1px);
  }
  .page-id-11 .mapping-timeline-item::before {
    left: calc(4.625rem - 5px);
  }

  /* FAIL対応 2026-09-07 (E2E全量報告承認分)
     FAIL-3: WAAPI進入アニメのscale(0.96)適用中もCTA高さ44pxを割らないよう834のみmin-height 46pxでマージン確保。
     定常は44px→46pxに2px増（幅・折返し・1行性不変）。Desktop/768/390不変。 */
  .top-page .top-hero-btn {
    min-height: 46px;
  }

  /* FAIL-5/6: 769-834の件数表示は768と同じ扱い（responsive-768.css 641-768則と同値）。
     count可視＋min-width:11emが1fr auto 1frの対称を崩す（#freeでcenterDiff 9.94>8）ため、枠維持のまま不可視化＋minmax均等化。 */
  .blog-page .blog-pagination-wrapper.has-pagination {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  }
  .blog-page .blog-pagination-count {
    visibility: hidden !important;
    min-width: 0 !important;
    pointer-events: none !important;
  }

  /* FAIL-8/9: singleの#mainがwidth:100%(page-single.css !important)＋左右margin 10px(mobile-nav 769-1023)で右10px溢れ、
     さらにentry有効余白1pxで対称ゲートに抵触。769-834は768則（responsive-768.css 4135-4199）と同値を移植。
     wrapの1remガター＋main中央＋entry系1rem paddingで溢れ0・余白16pxを確保。768以下・835以上・他頁不変。 */
  /* .content-in.wrapのみ（header-in/navi-in/footer-inの.wrapには波及させない。834のglobal-navi 1行性を守るため） */
  body.single .content-in.wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }
  body.single .content,
  body.single .content-in {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.single #main.main,
  body.single .main {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.single #main .article {
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.single #main .article-header,
  body.single #main .entry-content,
  body.single #main .article-footer,
  body.single #main #breadcrumb {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }
  body.single #related-entries {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 1.2em 1rem 1em !important;
    box-sizing: border-box !important;
  }
  /* 画像/テーブル溢れの保険（768則と同値） */
  body.single .entry-content img,
  body.single .entry-content figure,
  body.single .entry-content table,
  body.single .entry-content pre {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.single .entry-content pre,
  body.single .entry-content figure.wp-block-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  body.single .content-in {
    gap: 0 !important;
  }

  /* 2026-09-07 834改行適正化（他幅・print不変。font/padding/width不変） */
  .top-page .top-soniria-desc-br-834 {
    display: inline;
  }
  .top-page .nowrap-834,
  .page-id-11 .nowrap-834,
  body.page-id-13 .nowrap-834 {
    white-space: nowrap;
  }
}