/* Functional refinement; existing artwork and gallery art direction are preserved. */
.media-status{margin:14px 0;padding:16px 20px;border-radius:14px;background:#f4f5f7;color:#454952;font-size:16px;line-height:1.7}
.media-status[hidden],[hidden]#reset-skills{display:none}
#reset-skills{margin:8px 0 24px;min-height:44px}
#receive-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:28px;padding:30px;box-sizing:border-box;color:#1d1d1f;overflow:auto;overscroll-behavior:contain}
#receive-dialog::backdrop{background:#121821a6;backdrop-filter:blur(6px)}
.receive-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.receive-dialog-head .eyebrow{margin:0;color:#697180;font-size:14px}
.receive-close{flex-shrink:0;width:44px;height:44px;border:0;border-radius:50%;font-size:28px;background:#f0f1f4;color:#25272c}
#receive-title{font-size:clamp(25px,3.5vw,34px);line-height:1.4;margin:22px 0 18px}
#receive-dialog p{font-size:16px;line-height:1.8;color:#525966}
.receive-selection{display:flex;flex-direction:column;gap:8px;padding:20px;margin:24px 0;background:#f3f6fb;border-radius:16px}
.receive-selection span{font-size:14px;color:#697180}.receive-selection strong{font-size:22px;overflow-wrap:anywhere;line-height:1.5}
.receive-notice{margin:20px 0 26px}.receive-notice strong{font-size:18px}.receive-notice p{margin:10px 0}
#receive-form{width:100%;white-space:normal;box-sizing:border-box;line-height:1.5;text-align:center;font-size:17px;padding:16px 22px}
#receive-dialog .receive-status{font-size:14px;margin-bottom:0}
@media(max-width:600px){#receive-dialog{padding:22px;border-radius:24px}.receive-selection strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Edition multi-select: the whole choice is a comfortable tap target. */
.receive-both{text-align:center;margin:32px 0 0}.receive-both .text-link{font-size:19px}
.receive-choices{border:0;padding:0;margin:24px 0;min-width:0;display:grid;gap:12px}
.receive-choices legend{font-size:16px;font-weight:600;margin-bottom:12px}
.receive-choices label{display:flex;align-items:center;gap:16px;padding:18px;border:2px solid #dee3ec;border-radius:16px;cursor:pointer;background:#fff}
.receive-choices label:has(input:checked){border-color:#176ad3;background:#f0f6ff}
.receive-choices label:has(input:focus-visible){outline:3px solid #176ad3;outline-offset:3px}
.receive-choices input{width:24px;height:24px;flex-shrink:0;accent-color:#0869d6;cursor:pointer}
.receive-choices strong{display:block;font-size:20px;line-height:1.5;overflow-wrap:anywhere}
.receive-choices small{display:block;font-size:15px;line-height:1.6;color:#555e6c;margin-top:4px}
#receive-selection-status{font-weight:600;color:#176ad3;font-size:16px}
#receive-form[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
#receive-update[hidden]{display:none}
@media(max-width:600px){.receive-choices label{padding:14px;gap:12px}.receive-choices strong{font-size:18px}.receive-choices small{font-size:14px}.receive-both .text-link{font-size:17px}}

/* v26: スマホ・タブレットでは /setup 実演の一時停止ボタンが映像内の送信ボタンを隠すため、映像の下の帯へ出す(PCは枠外の角に収まるので変えない) */
@media(max-width:1100px){.setup-demo{display:flex;flex-direction:column}.setup-demo .film-control{position:static;align-self:flex-end;margin:10px 12px 12px;box-shadow:0 2px 10px #0000000f}}
/* v26: 作品の見本カードの文字も14px以上にそろえる(v21 本人「文字小さすぎないかな？」の基準。v22の見本で11〜13pxが戻っていた) */
.exhibit-heading small,.exhibit-bottom,.exhibit-bottom>span,.cinema-credit,.exhibit--motion .exhibit-bottom>span,.journal-top,.journal-top span,.journal-bottom,.knowledge-query>span,.knowledge-result small,.source-line,.knowledge-files span,.strategy-top,.strategy-top span,.vision-sheet small,.strategy-path,.exhibit--rag .exhibit-heading small,.exhibit--rag .exhibit-bottom{font-size:14px!important}
/* v26: 見本カードの細部。「動くLPパーツ」の説明を読点で折る/記事の抜粋は3行で「…」にして最終行が半分切れないようにする */
.exhibit--motion .exhibit-bottom{word-break:keep-all;overflow-wrap:anywhere}
.journal-copy{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;max-height:none!important;overflow:hidden}
@media(max-width:600px){.journal-copy{-webkit-line-clamp:2;line-clamp:2;flex-shrink:0}}
/* v26: スマホ・タブレットで押しやすく。iPhoneのSafariは標準の選択欄の高さ指定を無視するため自前の見た目にする/文字リンクは見た目を変えずに押せる範囲を広げる */
@media(max-width:1100px){
 .ab-choice select,#skill-sort,.rack-filter select{-webkit-appearance:none;appearance:none;min-height:46px;padding-right:36px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23586a80' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 13px center/12px 8px}
 .chapter-nav a{display:inline-block;padding:13px 4px;margin:-13px -4px}
 .nav nav a:not(.pill){padding:13px 4px;margin:0 -4px}
 .brand{display:inline-block;padding:9px 0;margin:-9px 0;white-space:nowrap}
}
@media(max-width:600px){.reel-chapters{width:250px}}
/* v26: 上のメニューの文字リンクは800px以下では隠す(style.css・readability.css の指定を、上の押しやすさの指定が上書きしないよう最後に書き直す) */
@media(max-width:800px){.nav nav>a:not(.pill){display:none}}
/* v26.09: 見出し・カードの見出し・リード・よくある質問は、語の途中で折らない(句読点と空白で折り、入りきらない時だけ任意の位置で折る)。長い本文の段落は対象外 */
h1,h2,h3,h4,.crew-catch,p.lead,.pl-title,.faq summary,.skill-log-summary-lead{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
@supports (word-break:auto-phrase){h1,h2,h3,h4,.crew-catch,p.lead,.pl-title,.faq summary,.skill-log-summary-lead{word-break:auto-phrase}}