/* KUUTA by D'STYLE — サウナの読みもの（本体サイトから移した記事）共通
   変数は .sy の中だけで定義する。:root に置くと KUUTA の --serif（ロゴ書体）を上書きしてしまう */
.sy{
  --ink:#FAFAF7;--ink-2:#F3EEE6;--linen:#2A211A;--linen-2:#4A3E33;--birch:#3D342B;
  --ember:#B85C38;--glow:#9E4B2C;--stone:#7A6D5E;--line:rgba(42,33,26,.14);
  --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",system-ui,sans-serif;--fraunces:"Cormorant Garamond",Georgia,serif;
  font-family:var(--sans);font-weight:400;color:var(--birch);line-height:1.85;letter-spacing:.02em;background:var(--ink)
}

/* ---- 表紙 ---- */
.sy .art-hero{position:relative;min-height:62svh;display:flex;align-items:flex-end;overflow:hidden;padding-top:130px;background:linear-gradient(160deg,#372e22,#120e08)}
.sy .art-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.sy .art-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,11,7,.45),rgba(15,11,7,.9))}
.sy .art-hero .in{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:0 24px 7vh;width:100%}
.sy .kicker{display:block;font-family:var(--fraunces);font-style:italic;font-size:14px;letter-spacing:.14em;color:#FFC489}
.sy .art-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(1.6rem,4.6vw,2.6rem);line-height:1.5;color:#F8F1E4;margin-top:12px;text-shadow:0 2px 30px rgba(0,0,0,.55)}
.sy .art-meta{margin-top:16px;font-size:12.5px;color:#F3EAD9;opacity:.9;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.sy .yomimono-pubdate{font-size:11.5px;color:#F3EAD9;opacity:.7;margin-top:6px}
.sy .art-hero.noimg{min-height:46svh;background:
  radial-gradient(130% 95% at 16% 6%,#4A3222 0%,rgba(74,50,34,0) 58%),
  radial-gradient(105% 85% at 88% 16%,#7A3510 0%,rgba(122,53,16,0) 52%),
  linear-gradient(180deg,#2A1D14 0%,#14100C 100%)}
.sy .art-hero.noimg::after{background:linear-gradient(180deg,rgba(15,11,7,.05),rgba(15,11,7,.45))}
.sy .art-hero.noimg .in::before{content:"";display:block;width:46px;height:3px;margin-bottom:18px;border-radius:2px;background:linear-gradient(90deg,#B85C38,#E7A867)}

/* ---- 本文 ---- */
.sy article{max-width:720px;margin:0 auto;padding:56px 24px 30px}
.sy article p{font-size:16.5px;line-height:2.15;color:var(--birch);margin-bottom:1.7em}
.sy article h2{font-family:var(--serif);font-weight:600;font-size:1.4rem;line-height:1.6;color:var(--linen);margin:2.2em 0 1em;padding-left:16px;border-left:3px solid var(--ember)}
.sy article h3{font-family:var(--serif);font-weight:600;font-size:1.13rem;line-height:1.7;color:var(--linen);margin:1.9em 0 .8em}
.sy article ul,.sy article ol{margin:0 0 1.7em;padding-left:1.4em;font-size:16px;line-height:2}
.sy article li{margin-bottom:.4em}
.sy article strong{color:var(--linen);font-weight:700}
.sy article blockquote{margin:2.2em 0;padding:6px 0 6px 24px;border-left:2px solid var(--glow);font-family:var(--serif);font-size:1.15rem;line-height:2;color:var(--linen)}
.sy article figure{margin:2.4em 0}
.sy article figure img{width:100%;border-radius:14px;border:1px solid var(--line)}
.sy article figcaption{font-size:12px;color:var(--stone);margin-top:10px;text-align:center;line-height:1.8}
.sy article table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 1.7em}
.sy article th{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--linen);font-weight:700}
.sy article td{padding:8px 12px;border-bottom:1px solid rgba(42,33,26,.07);color:var(--birch)}
.sy .data-box{margin:2.2em 0;padding:22px 24px;background:var(--ink-2);border:1px solid var(--line);border-radius:14px;overflow-x:auto}
.sy .data-box .label{font-size:11px;letter-spacing:.18em;color:#8f3a13;font-weight:700;margin:0 0 10px}
.sy .data-box table{margin:0}
.sy .map-box{margin:2.4em 0;border:1px solid var(--line);border-radius:14px;background:var(--ink-2);padding:26px 18px 14px}
.sy .map-box svg{width:100%;height:auto;display:block}
.sy .verdict{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;padding:4px 14px;border-radius:999px;margin-bottom:8px}
.sy .verdict-ok{background:#c8e6d0;color:#2d6b3f}
.sy .verdict-half{background:#f5eac0;color:#7a6320}
.sy .verdict-myth{background:#f3d6c0;color:#9c4a0e}
.sy .verdict-danger{background:#f5c0c0;color:#8c2020}

.sy .note{margin:2.4em 0;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--ink-2);font-size:13.5px;color:var(--linen-2);line-height:2}
.sy .note p{font-size:inherit;margin-bottom:.6em}
.sy .info-box{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;padding:22px 26px;margin:2em 0}
.sy .info-box p{font-size:15px;margin-bottom:.8em}
.sy .info-box p:last-child{margin-bottom:0}
.sy .info-box strong{color:var(--linen)}
.sy article .lead,.sy .lead-note{font-size:14.5px;color:var(--birch);border:1px solid var(--line);border-radius:12px;background:var(--ink-2);padding:18px 22px;line-height:2;margin:0 0 2em}
.sy .lead-note b{color:var(--glow)}
.sy .flow{margin:2em 0;border:1px solid var(--line);border-radius:14px;background:var(--ink-2);padding:22px 24px;font-family:var(--serif);color:var(--linen);line-height:2.2;font-size:15px}
.sy .flow b{color:var(--glow);font-weight:600}
.sy .cmp{margin:2.4em 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--ink-2)}
.sy .cmp-wrap,.sy .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sy .cmp table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.8;margin:0}
.sy .cmp th,.sy .cmp td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.sy .cmp thead th{background:rgba(184,92,56,.14);color:var(--linen);font-weight:700;font-size:13px}
.sy .cmp tbody th{color:var(--glow);font-weight:700;white-space:nowrap;font-size:12.5px}
.sy .cmp tr:last-child th,.sy .cmp tr:last-child td{border-bottom:0}
.sy .tw-hint{display:none;font-size:11.5px;color:var(--glow);margin:2px 0 14px}
.sy .disc,.sy .disclaimer{margin:1.8em 0 0;font-size:12.5px;color:var(--stone);line-height:1.95}
.sy .refs{margin:2.4em 0 0;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--ink-2);font-size:12px;color:var(--stone);line-height:1.95}
.sy .refs b{color:var(--linen-2);font-size:12.5px;display:block;margin-bottom:8px}
.sy article dl{margin:1.5em 0}
.sy article dt{font-weight:700;font-size:15.5px;color:var(--linen);margin-top:1.4em}
.sy article dt:first-child{margin-top:0}
.sy article dd{font-size:15.5px;line-height:2;color:var(--birch);margin:.3em 0 0;padding-left:1.2em}
.sy .faq-list{margin:2em 0}

/* ---- 著者 ---- */
.sy .author{max-width:720px;margin:20px auto 0;padding:0 24px}
.sy .author .box{border:1px solid var(--line);border-radius:14px;background:var(--ink-2);padding:22px 26px;display:flex;gap:18px;align-items:center}
.sy .author img{width:64px;height:auto;flex:0 0 auto}
.sy .author b{color:var(--linen);font-size:15px}
.sy .author p{font-size:12.5px;color:var(--stone);margin-top:4px;line-height:1.9}

/* ---- 記事の移動 ---- */
.sy .sy-move{max-width:720px;margin:38px auto 0;padding:0 24px;text-align:center}
.sy .sy-btn{display:inline-block;margin:6px 5px 0;font-size:13px;font-weight:700;color:#fff;background:var(--ember);border:1px solid var(--ember);border-radius:999px;padding:10px 24px;transition:opacity .2s}
.sy .sy-btn:hover{opacity:.85}
.sy .sy-btn-ghost{color:var(--linen-2);background:transparent;border-color:rgba(42,33,26,.3)}

/* ---- つづけて読む ---- */
.sy .rel{max-width:1140px;margin:0 auto;padding:64px 24px}
.sy .rel h2{font-family:var(--serif);font-weight:600;font-size:1.5rem;color:var(--linen);margin-bottom:22px}
.sy .rel .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sy .rel a{border:1px solid var(--line);border-radius:12px;background:var(--ink-2);overflow:hidden;transition:.2s}
.sy .rel a:hover{border-color:var(--glow);transform:translateY(-3px)}
.sy .rel img{width:100%;aspect-ratio:16/9;object-fit:cover}
.sy .rel .b{padding:16px 18px}
.sy .rel .k{font-size:10.5px;letter-spacing:.16em;color:var(--ember);font-weight:700}
.sy .rel h3{font-family:var(--serif);font-size:1.02rem;color:var(--linen);margin:6px 0 0;line-height:1.7}

/* ---- あわせて読みたい ---- */
.sy .ds-yomi-rel{background:var(--ink-2);padding:44px 20px 48px}
.sy .ds-yomi-in{max-width:1120px;margin:0 auto}
.sy .ds-yomi-rel h2,.sy .ds-aside h2{font-family:var(--serif);font-size:1.1rem;font-weight:600;color:var(--linen);margin:0 0 16px;padding:0;border:0}
.sy .ds-yomi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:11px}
.sy .ds-yomi-grid a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.85;color:var(--birch);transition:border-color .2s,transform .2s}
.sy .ds-yomi-grid a:hover{border-color:var(--ember);transform:translateY(-2px)}
.sy .ds-aside{margin:2.4em 0}

/* ---- 相談の案内（KUUTA） ---- */
.sy-cta{text-align:center;padding:64px 24px;background:#f5f0ea}
.sy-cta h2{font-family:'Noto Sans JP',sans-serif;font-size:1.4rem;font-weight:400;color:#2C2C2C;margin:0 0 16px}
.sy-cta p{font-family:'Noto Sans JP',sans-serif;font-size:.9rem;color:#666;margin:0 auto 24px;line-height:1.9;max-width:560px}
.sy-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sy-cta a{display:inline-block;background:#B85C38;color:#fff;font-family:'Noto Sans JP',sans-serif;font-size:.95rem;padding:14px 36px;border-radius:4px;transition:opacity .3s}
.sy-cta a.sy-cta-line{background:#06C755}
.sy-cta a:hover{opacity:.85}

@media (max-width:820px){
  .sy .tw-hint{display:block}
  .sy .rel .grid{grid-template-columns:1fr}
  .sy .art-hero{padding-top:110px}
  .sy article{padding:40px 18px 24px}
  .sy article p{font-size:16px}
  .sy .author .box{flex-direction:column;align-items:flex-start;padding:20px}
}