/* MYTORIS 小冊子 2026-10 トンマナ（00_MYTORIS_トーンとマナー.md に準拠）
   ターコイズ #00a9ae／コーラル #ff5a3a／黄 #ffbe2e／紙 #f8f5ee。各冊子の <style> の後に読み込む。 */
@font-face{font-family:"D-DIN Condensed";src:url(D-DINCondensed.otf) format("opentype");font-weight:400}
@font-face{font-family:"D-DIN Condensed";src:url(D-DINCondensed-Bold.otf) format("opentype");font-weight:700}
:root{
  --paper:#ffffff; --paper-tint:#f8f5ee; --ground:#f8f5ee;
  --ink:#1f2a2b; --ink-soft:#3f4a4b; --ink-mute:#7d8686;
  --green-deep:#0f9ea3; --green-tint:#e6f4f3;
  --tq:#00a9ae; --co:#f0603a; --ye:#ffc23a;
  --rule:#e4ded2; --rule-soft:#eee9df;
  --en:"D-DIN Condensed","Noto Sans JP",sans-serif; --latin:var(--en);
  --r:12px;
}
body{background:#fff}
.toc,.next-books{background:var(--ground)}
.progress-bar{background:var(--tq)}
.site-header{background:rgba(248,245,238,.94);border-bottom:1px solid var(--rule)}
.site-header .header-cta-group .ghost{background:#fff;border:1px solid var(--tq);color:var(--green-deep)}
.site-header .header-cta-group .ghost:hover{background:var(--green-tint)}
.site-header .header-cta-group .filled{background:var(--tq);color:#fff}

/* 表紙：左に題、右にジャケット */
.cover{overflow:hidden;background:#f4f0e6!important;min-height:auto;padding:72px 40px 88px;display:block}
.cover::before,.cover::after{display:none!important}
.cover .inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;color:var(--ink)}
.cover .jacket{grid-column:2;grid-row:1;width:118%;max-width:none;justify-self:end;margin-right:-6%;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 62%,transparent 100%)}
.cover .cv-text{grid-column:1;grid-row:1}
.cover .kicker{font-family:var(--en);font-weight:700;font-size:16px;letter-spacing:.16em;color:var(--green-deep);background:none;border:0;padding:0;margin:0 0 14px}
.cover .pre{color:var(--ink-soft)!important}
.cover h1{color:var(--ink)!important;text-shadow:none}
.cover h1 .accent::after{display:none}
.cover h1 .accent{background:linear-gradient(transparent 64%,rgba(255,194,58,.75) 64%,rgba(255,194,58,.75) 92%,transparent 92%)}
.cover .lead,.cover .lead strong{color:var(--ink)!important}
.cover .lead strong{background:none}
.cover .meta,.cover .meta *{color:var(--ink-mute)!important}
.cover .meta .dot{color:var(--rule)!important}

/* 目次 */
.toc{background:var(--ground)}
.toc .inner{background:#fff;border-radius:var(--r);padding:48px 48px 40px}
.toc .toc-label{background:none!important;color:var(--green-deep)!important;font-family:var(--en);font-size:15px;letter-spacing:.16em;padding:0!important}
.toc ol li{border-color:var(--rule-soft)!important}
.toc ol li .ch-num{font-family:var(--en);font-size:18px;color:var(--green-deep)!important}
.toc ol li a:hover{opacity:1;color:var(--green-deep)}
.toc ol li.intro,.toc ol li.outro{counter-increment:none}

/* 章の扉 */
.chapter-intro{background:var(--paper);border-top:0;padding-top:72px}
.chapter-intro .num{background:none;color:var(--green-deep);font-family:var(--en);font-size:15px;letter-spacing:.16em;padding:0;border-radius:0}
.chapter-intro h2{color:var(--ink)}
.chapter-intro h2 .ch-label{display:block;font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--green-deep);margin:0 0 10px}
article.chapter{background:var(--paper);padding-bottom:48px}

/* 本文の部品 */
article.chapter p strong{background:linear-gradient(transparent 64%,rgba(255,194,58,.55) 64%,rgba(255,194,58,.55) 92%,transparent 92%)}
article.chapter blockquote{background:var(--ground);border-radius:var(--r);border:0}
.callout{background:var(--green-tint);border-radius:var(--r);border:0}
.callout p strong{color:var(--green-deep)}
.word-card{border-radius:var(--r);border-color:var(--rule)}
.word-card .wc-no,.word-card .wc-en{font-family:var(--en);font-size:15px;color:var(--green-deep)}
.word-card ul li{background:var(--ground)}
.pull-quote::before{width:10px;height:10px;border-radius:50%;background:var(--co)}
.pull-quote::after{display:none}
a{text-decoration-color:var(--tq)}

/* 著者紹介：マーカーと影を外す */
article.chapter .author-card p strong{background:none;padding:0}
.author-card .author-photo{box-shadow:none}

/* 冊子3：MERIT の番号は D-DIN のターコイズ文字 */
.merit-card .merit-num{background:none;color:var(--green-deep);font-family:var(--en);font-size:15px;font-weight:700;letter-spacing:.16em;padding:0;border-radius:0}

/* 冊子3：例はかぎかっこと色だけで区別 */
.forms-table .form-ex{font-style:normal;color:var(--ink-soft)}

.figure .fig-box{border:0!important;background:#fff;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--rule-soft)}
.figure figcaption{color:var(--ink-mute)}

/* 次の一冊：ジャケットを並べる */
.next-books{background:var(--ground)}
.next-books .nb-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;max-width:640px;margin:0 auto}
.next-books a.nb-card{aspect-ratio:auto!important;align-items:stretch!important;box-shadow:0 10px 26px -18px rgba(31,42,43,.4)!important;background:#fff!important;background-image:none!important;min-height:0!important;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;color:var(--ink);transition:transform .2s}
.next-books a.nb-card::before,.next-books a.nb-card::after{display:none!important}
.next-books a.nb-card:hover{transform:translateY(-3px)}
.next-books a.nb-card img{width:100%;aspect-ratio:4/5;object-fit:cover}
.next-books .nb-inner{padding:18px 22px 22px}
.next-books .nb-tag{color:var(--green-deep)!important;font-family:var(--en);font-size:14px;letter-spacing:.12em}
.next-books .nb-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.next-books .nb-meta{color:var(--ink-mute)!important}

@media (max-width:820px){
  .cover{padding:40px 20px 56px}
  .cover .inner{grid-template-columns:1fr;gap:28px}
  .cover .cv-text{grid-column:1;grid-row:2}
  .cover .jacket{grid-column:1;grid-row:1;justify-self:center;width:112%;max-width:none;margin:0 -6%;order:-1}
  .toc .inner{padding:32px 22px}
}
@media (max-width:720px){
  .chapter-intro{padding-top:56px}
  article.chapter{padding-bottom:40px}
  .fig-box{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .fig-box svg{min-width:560px;max-width:none}
  .words-table,.forms-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .words-table .w-name,.words-table .w-mid,.forms-table .form-name{width:auto}
  .words-table .w-name,.forms-table .form-name{white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.next-books a.nb-card{transition:none}}
@media print{
  body,.cover,.toc,.next-books{background:#fff!important}
  .cover .jacket{box-shadow:none}
  .chapter-intro{padding-top:12mm;break-after:avoid}
  article.chapter{padding-bottom:8mm;break-before:avoid}
  article.chapter p strong{background:linear-gradient(transparent 64%,rgba(255,194,58,.55) 64%,rgba(255,194,58,.55) 92%,transparent 92%)!important}
  article.chapter .author-card p strong{background:none!important}
  .merit-card .merit-num{background:none!important;color:#0f9ea3!important}
  .author-card .author-tag{background:none!important;color:#0f9ea3!important}
}

/* 2026-10-12 組み直し：カードの注記（解説書での項目名）と、末尾に移した著者紹介 */
article.chapter p.card-note{font-size:12.5px;line-height:1.8;color:var(--ink-mute);margin:calc(var(--bl)*-3) 0 calc(var(--bl)*5)}
article.chapter .author-card{margin:calc(var(--bl)*7) 0 0}
@media print{
  article.chapter p.card-note{font-size:8.5pt;margin:-4pt 0 10pt}
  article.chapter .author-card{margin-top:14pt}
}

/* 表紙の署名：顔を小さく。くわしい著者紹介は最後に */
.cover .meta .byline{display:inline-flex;align-items:center;gap:10px;color:var(--ink-soft)!important;text-decoration:none}
.cover .meta .byline img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--green-tint)}
.cover .meta .byline span{color:var(--ink-soft)!important;font-weight:700}
.cover .meta .byline:hover span{color:var(--green-deep)!important}
.cover .meta{align-items:center}

/* 文字：Noto Sans JP。太字は700まで（900・800はもっさりするので使わない） */
body{font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;font-weight:400}
h1,h2,h3,h4,b,strong{font-weight:700}
.cover h1{letter-spacing:.04em}
.cover .lead strong{font-weight:500}