/* SUMIBIKI — SWELL子テーマ用スタイル */
html[data-theme="light"],html:not([data-theme]){--bg:#f4f2ee;--bar:rgba(244,242,238,.9);--ink:#1b1a18;--body:#3d3b37;--muted:#6e6a62;--line:#d9d5cc;--soft:#e9e6df;--panel:#efebe3;--accent:#8c4a2a;--inv:#1f1e1c;--inv-ink:#ece9e2;--inv-muted:#9d998f;--inv-line:#3a3835;--inv-accent:#d9a27f;--hover:rgba(233,230,223,.7);--land:#d9d3c7;--land-on:#c4bba9}
html[data-theme="dark"]{--bg:#151412;--bar:rgba(21,20,18,.88);--ink:#ece9e2;--body:#c9c5bc;--muted:#9d998f;--line:#34322e;--soft:#211f1c;--panel:#e9e5dc;--accent:#d9a27f;--inv:#1f1e1c;--inv-ink:#ece9e2;--inv-muted:#9d998f;--inv-line:#3a3835;--inv-accent:#d9a27f;--hover:rgba(40,38,35,.8);--land:#3b3833;--land-on:#5a544c}
body.sumibiki{--gut:clamp(16px,4vw,56px);margin:0;background:var(--bg);color:var(--ink);font-family:'Zen Kaku Gothic New',sans-serif;font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color .5s ease,color .5s ease}
.sumibiki *,.sumibiki *::before,.sumibiki *::after{box-sizing:border-box}
.sumibiki a{color:inherit;text-decoration:none}
.sumibiki a:hover{color:var(--accent)}
.sumibiki a:focus-visible,.sumibiki button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}
.sumibiki img{max-width:100%;height:auto}
.sumibiki [hidden]{display:none !important}
html.sb-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.sumibiki *{transition:none !important}}

/* 共通 */
.sb-kicker{font-size:11px;letter-spacing:.14em;color:var(--accent)}
.sb-meta{font-size:12px;letter-spacing:.08em;color:var(--muted)}
.sb-muted{color:var(--muted)}
.sb-label{font-size:10px;letter-spacing:.14em;color:var(--muted)}
.sb-inv-muted{font-size:12px;letter-spacing:.08em;color:var(--inv-muted)}
.sb-inner{position:relative;max-width:1328px;margin:0 auto}
.sb-display{margin:0;font-family:'Newsreader',serif;font-weight:300;font-size:clamp(64px,11vw,168px);line-height:.85;letter-spacing:-.035em}
.sb-display.md{font-size:clamp(48px,7vw,112px);line-height:.9;letter-spacing:-.03em}
.sb-display.it{font-style:italic}
.sb-display em{font-style:italic;color:var(--accent)}
.sb-sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:clamp(28px,4vw,56px)}
.sb-sub{font-size:12px;letter-spacing:.14em;padding-bottom:10px}
.sb-sec{position:relative;overflow:hidden;padding:clamp(80px,11vw,160px) var(--gut) 0}
.sb-sec-last{padding-bottom:clamp(96px,12vw,180px)}
.sb-ghost-num{position:absolute;top:clamp(40px,6vw,96px);font-family:'Newsreader',serif;font-weight:200;font-size:clamp(200px,30vw,460px);line-height:.8;color:var(--soft);pointer-events:none;will-change:transform}
.sb-ghost-num.r{right:-2vw}.sb-ghost-num.l{left:-2vw}
.sb-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--panel)}
.sb-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
a:hover .sb-media img{transform:scale(1.04)}
.sb-ph{position:absolute;inset:0;display:flex;align-items:flex-end;padding:12px;background:repeating-linear-gradient(135deg,#e4e0d7 0 1px,#ebe8e1 1px 10px)}
.sb-ph span{font:11px/1.5 ui-monospace,Menlo,monospace;color:#858076;background:#f4f2ee;padding:3px 7px}
.sb-link-line{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.06em;padding:8px 0;border-bottom:1px solid var(--ink)}
.sb-link-line span{font-family:'Newsreader',serif}
.sb-tags{display:flex;flex-wrap:wrap;gap:8px}
.sb-pill{display:inline-block;padding:3px 12px;border:1px solid var(--ink);border-radius:999px;font-size:12px;line-height:1.6}
.sb-empty{margin:0;padding:32px 0;font-family:'Shippori Mincho',serif;font-size:15px;color:var(--muted)}
.sb-lede{margin:0;font-family:'Shippori Mincho',serif;font-weight:500;font-size:14px;line-height:2.1;color:var(--body)}
.sb-lede.wide{flex:1 1 420px;font-size:15px}
.sb-lede.intro{flex:0 1 380px;font-size:15px}
.sb-lede.intro p{margin:0}
.sb-dark{background:var(--inv);color:var(--inv-ink);transition:background-color .5s ease,color .5s ease}

/* ヘッダー */
.sb-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 var(--gut);background:var(--bar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .4s ease,border-color .4s ease}
.admin-bar .sb-header{top:32px}
@media (max-width:782px){.admin-bar .sb-header{top:46px}}
.sb-header.is-top:not(.is-scrolled){background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.sb-header.is-top:not(.is-scrolled) .sb-logo{opacity:0}
.sb-menu-btn,.sb-back{justify-self:start;display:flex;align-items:center;gap:12px;min-height:44px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;font:15px/1 'Newsreader',serif;letter-spacing:.04em}
.sb-back{font-style:italic;gap:10px}
.sb-burger{display:flex;flex-direction:column;gap:6px}
.sb-burger span{display:block;width:22px;height:1px;background:currentColor;transition:transform .35s ease}
.sb-menu-btn[aria-expanded="true"] .sb-burger span:first-child{transform:translateY(3.5px) rotate(45deg)}
.sb-menu-btn[aria-expanded="true"] .sb-burger span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.sb-logo{font:21px/1 'Newsreader',serif;letter-spacing:.32em;padding-left:.32em;transition:opacity .4s ease}
.sb-header-r{justify-self:end;display:flex;align-items:center;gap:8px}
.sb-theme-btn{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border:0;background:none;color:var(--ink);cursor:pointer;font:italic 14px/1 'Newsreader',serif}
.sb-switch{position:relative;display:block;width:34px;height:18px;border:1px solid currentColor;border-radius:999px}
.sb-switch span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:currentColor;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
html[data-theme="dark"] .sb-switch span{transform:translateX(16px)}
.sb-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-12px}
.sb-progress{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--accent)}
.sb-nav{position:fixed;inset:64px 0 0;z-index:25;overflow:auto;background:var(--inv);color:var(--inv-ink);padding:clamp(24px,5vw,64px) var(--gut)}
.admin-bar .sb-nav{top:96px}
.sb-nav-inner{max-width:1328px;margin:0 auto;display:flex;flex-direction:column}
.sb-nav a{display:flex;align-items:baseline;gap:24px;padding:18px 0;border-bottom:1px solid var(--inv-line);color:var(--inv-ink)}
.sb-nav a:hover{color:var(--inv-accent)}
.sb-nav .no{width:28px;font:italic 14px 'Newsreader',serif;color:var(--inv-muted)}
.sb-nav .name{flex:1 1 auto;font:500 clamp(22px,3vw,34px)/1.3 'Shippori Mincho',serif}
.sb-nav .en{font:italic 16px 'Newsreader',serif;color:var(--inv-muted)}

/* ファーストビュー */
.sb-hero{position:relative;margin-top:-64px;padding:84px var(--gut) clamp(28px,4vw,44px);overflow:hidden}
.sb-hero-deco{position:absolute;inset:0;pointer-events:none}
.sb-hero-circle{position:absolute;right:-8vw;top:-6vw;width:52vw;height:52vw;max-width:760px;max-height:760px;border:1px solid var(--line);border-radius:50%;will-change:transform}
.sb-hero-square{position:absolute;right:22vw;top:18vw;width:16vw;height:16vw;max-width:240px;max-height:240px;background:var(--soft);will-change:transform}
.sb-hero-rule{position:absolute;right:4vw;top:6vw;width:1px;height:46vw;background:var(--line);will-change:transform}
.sb-hero-meta{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-bottom:12px;font-size:11px;letter-spacing:.1em}
.sb-hero-meta em{font:italic 14px 'Newsreader',serif;letter-spacing:.02em}
.sb-mast{position:relative;margin:0 -.08em;padding:.14em .08em 0;display:flex;justify-content:space-between;overflow:hidden;font-family:'Newsreader',serif;font-weight:300;font-size:clamp(64px,18.6vw,300px);line-height:.84;letter-spacing:-.03em}
.sb-mast.is-italic{font-style:italic}
.sb-mast span{display:inline-block;padding-bottom:.08em}
.sb-js .sb-mast span{transform:translateY(110%);transition:transform 1.3s cubic-bezier(.2,.75,.15,1);transition-delay:calc(var(--i) * 70ms)}
.sb-loaded .sb-mast span{transform:none}
.sb-about{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px clamp(24px,4vw,56px);margin-top:clamp(16px,2vw,24px);padding-top:clamp(16px,2vw,24px);border-top:1px solid var(--ink)}
.sb-js .sb-about{opacity:0;transform:translateY(16px);transition:opacity 1.2s ease .7s,transform 1.2s cubic-bezier(.2,.7,.2,1) .7s}
.sb-loaded .sb-about{opacity:1;transform:none}
.sb-about-label{font:italic 15px 'Newsreader',serif;color:var(--muted)}
.sb-about-lead{margin:0;font:700 clamp(22px,2.2vw,32px)/1.6 'Shippori Mincho',serif;letter-spacing:.04em}
.sb-about-body{margin:0;font:500 14px/2.1 'Shippori Mincho',serif;color:var(--body)}

/* 表紙 */
.sb-cover{position:relative;padding:0 var(--gut) clamp(56px,7vw,96px)}
.sb-cover figure{margin:0;transform-origin:center top;will-change:transform}
.sb-cover-media{position:relative;display:block}
.sb-cover-badge{position:absolute;z-index:1;left:clamp(16px,2.4vw,32px);top:clamp(16px,2.4vw,32px);display:flex;flex-direction:column;gap:4px;color:#1b1a18}
.sb-cover-badge .sb-kicker{color:#8c4a2a}
.sb-cover-badge .en{font:italic clamp(16px,1.6vw,22px) 'Newsreader',serif}
.sb-cover-body{max-width:1328px;margin:clamp(28px,4vw,48px) auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 64px}
.sb-cover-title{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:10px}
.sb-cover-title h2{margin:0;font:800 clamp(44px,6.4vw,100px)/1.15 'Shippori Mincho',serif;letter-spacing:.02em}
.sb-cover-text{flex:0 1 400px;min-width:0;display:flex;flex-direction:column;gap:16px}
.sb-catch{font:700 20px/1.6 'Shippori Mincho',serif}

/* 記事スライダー */
.sb-reading{position:relative;padding:clamp(40px,5vw,64px) 0 clamp(80px,10vw,140px);border-top:1px solid var(--line)}
.sb-reading-head{max-width:1440px;margin:0 auto clamp(24px,3vw,40px);padding:0 var(--gut);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}
.sb-reading-head h2{margin:6px 0 0;font:italic 300 clamp(40px,5vw,72px)/.95 'Newsreader',serif;letter-spacing:-.02em}
.sb-ctrl{display:flex;align-items:center;gap:16px}
.sb-count{font-family:'Newsreader',serif;font-size:15px;font-variant-numeric:tabular-nums}
.sb-count b{font-weight:400;font-size:28px}
.sb-count span{color:var(--muted)}
.sb-round{width:52px;height:52px;border-radius:50%;border:1px solid var(--ink);background:none;color:var(--ink);cursor:pointer;font:20px/1 'Newsreader',serif;transition:background-color .3s ease,color .3s ease,opacity .3s ease}
.sb-round:hover:not(:disabled){background:var(--ink);color:var(--bg)}
.sb-round:disabled{opacity:.3;cursor:default}
.sb-slider-track{display:flex;gap:clamp(16px,2vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 var(--gut);scroll-padding:0 var(--gut)}
.sb-slider-track::-webkit-scrollbar{display:none}
.sb-slide{flex:0 0 clamp(270px,34vw,500px);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px}
.sb-slide-media{position:relative;display:block}
.sb-slide-kind{position:absolute;z-index:1;left:0;bottom:0;padding:6px 12px;background:var(--bg);font-size:11px;letter-spacing:.12em;color:var(--accent)}
.sb-slide-row{display:flex;align-items:baseline;gap:14px}
.sb-slide-no{font:italic 300 30px/1 'Newsreader',serif;color:var(--muted)}
.sb-slide-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.sb-slide-hotel{font:800 clamp(20px,1.8vw,26px)/1.4 'Shippori Mincho',serif}
.sb-slide-title{font-size:13px;line-height:1.7;color:var(--body)}
.sb-bar-wrap{max-width:1440px;margin:clamp(24px,3vw,36px) auto 0;padding:0 var(--gut)}
.sb-bar{position:relative;height:1px;background:var(--line)}
.sb-bar span{position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--ink);transition:width .4s ease}

/* 探し方 */
.sb-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.sb-guide>a{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:clamp(10px,1.4vw,16px);padding:clamp(28px,5vw,72px) var(--gut);transition:background-color .4s ease}
.sb-guide>a+a{border-left:1px solid var(--ink)}
.sb-guide>a:hover{background:var(--hover);color:var(--ink)}
.sb-guide>a>*{position:relative}
.sb-guide .sb-guide-shape{position:absolute;border:1px solid var(--line);pointer-events:none;will-change:transform}
.sb-guide-shape.circle{right:-6vw;bottom:-10vw;width:30vw;height:30vw;border-radius:50%}
.sb-guide-shape.square{right:-2vw;bottom:-6vw;width:22vw;height:22vw}
.sb-guide-title{font:italic 300 clamp(24px,5.4vw,84px)/1 'Newsreader',serif}
.sb-guide-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--muted)}
.sb-guide-foot span{font:24px/1 'Newsreader',serif;color:var(--ink)}

/* 新着 */
.sb-rows{border-top:1px solid var(--ink)}
.sb-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px clamp(20px,3vw,48px);padding:clamp(18px,2.4vw,28px) 0;border-bottom:1px solid var(--line);transition:padding .4s cubic-bezier(.2,.7,.2,1)}
.sb-row:hover{padding-left:16px}
.sb-row-no{flex:0 0 auto;width:clamp(40px,5vw,72px);font:italic 15px 'Newsreader',serif;color:var(--accent)}
.sb-row-main{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:4px}
.sb-row-hotel{font:800 clamp(26px,3.4vw,48px)/1.25 'Shippori Mincho',serif;letter-spacing:.02em}
.sb-row-title{font-size:13px;color:var(--body)}
.sb-row-meta{flex:0 0 auto;width:170px;font-size:12px;line-height:1.8;color:var(--muted)}
.sb-row-thumb{flex:0 0 auto;width:clamp(140px,14vw,200px)}

/* 建築家 */
.sb-arch{position:relative;overflow:hidden;margin-top:clamp(96px,12vw,180px)}
.sb-arch-ghost{position:absolute;left:0;top:clamp(24px,4vw,56px);white-space:nowrap;pointer-events:none;font-family:'Newsreader',serif;font-weight:200;font-size:clamp(140px,22vw,340px);line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--inv-line);will-change:transform}
.sb-arch-inner{position:relative;max-width:1440px;margin:0 auto;padding:clamp(120px,18vw,280px) var(--gut) clamp(64px,9vw,120px)}
.sb-arch-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:clamp(20px,3vw,36px);padding-bottom:20px;border-bottom:1px solid var(--inv-ink)}
.sb-arch-head h2{margin:0;font:800 clamp(32px,4vw,56px)/1.2 'Shippori Mincho',serif}
.sb-arch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));column-gap:clamp(24px,4vw,56px)}
.sb-arch-row{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid var(--inv-line);color:var(--inv-ink);transition:color .3s ease,padding .4s cubic-bezier(.2,.7,.2,1)}
.sumibiki .sb-arch-row:hover{color:var(--inv-accent);padding-left:10px}
.sb-arch-row .no{flex:0 0 24px;font:italic 13px 'Newsreader',serif;color:var(--inv-muted)}
.sb-arch-row .en{flex:1 1 auto;min-width:0;font:300 clamp(26px,2.6vw,40px)/1.1 'Newsreader',serif;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-arch-row .ja{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font:500 13px 'Shippori Mincho',serif}
.sb-arch-row small{font:11px 'Zen Kaku Gothic New',sans-serif;color:var(--inv-muted)}
.sb-fold-btn{display:flex;align-items:center;gap:14px;margin:clamp(28px,4vw,44px) auto 0;min-height:52px;padding:0 28px;border:1px solid var(--inv-ink);border-radius:999px;background:none;color:var(--inv-ink);cursor:pointer;font:13px 'Zen Kaku Gothic New',sans-serif;letter-spacing:.08em;transition:background-color .3s ease,color .3s ease}
.sb-fold-btn:hover{background:var(--inv-ink);color:var(--inv)}
.sb-fold-btn .plus{font:18px/1 'Newsreader',serif;transition:transform .4s ease}
.sb-fold-btn[aria-expanded="true"] .plus{transform:rotate(45deg)}

/* 特集・連載 */
.sb-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(16px,2vw,24px)}
.sb-widget{display:flex;flex-direction:column;gap:16px;padding:clamp(16px,1.6vw,22px);border:1px solid var(--line);background:var(--bg);transition:border-color .3s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.sumibiki .sb-widget:hover{border-color:var(--ink);transform:translateY(-4px);color:var(--ink)}
.sb-widget-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sb-badge{padding:3px 10px;border:1px solid var(--accent);border-radius:999px;font-size:11px;letter-spacing:.12em;color:var(--accent)}
.sb-widget-count{font:italic 13px 'Newsreader',serif;color:var(--muted)}
.sb-widget-title{font:800 20px/1.5 'Shippori Mincho',serif}
.sb-widget-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.sb-widget-foot span:last-child{font:18px 'Newsreader',serif;color:var(--ink)}

/* コラム */
.sb-cols{border-top:1px solid var(--ink)}
.sb-col{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px clamp(20px,4vw,64px);padding:clamp(22px,3vw,36px) 0;border-bottom:1px solid var(--line);transition:padding .4s cubic-bezier(.2,.7,.2,1)}
.sb-col:hover{padding-left:16px}
.sb-col .no{flex:0 0 auto;width:clamp(56px,8vw,120px);font:italic 300 clamp(28px,3vw,44px)/1 'Newsreader',serif;color:var(--accent)}
.sb-col .tech{flex:0 0 120px;font-size:12px;letter-spacing:.12em;color:var(--muted)}
.sb-col .title{flex:1 1 320px;min-width:0;font:700 clamp(20px,2.2vw,30px)/1.5 'Shippori Mincho',serif}
.sb-col .dek{flex:1 1 260px;min-width:0;font-size:13px;line-height:1.9;color:var(--muted)}

/* フッター */
.sb-footer-inner{max-width:1440px;margin:0 auto;padding:clamp(56px,8vw,96px) var(--gut) 32px}
.sb-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px 48px;font-size:12px;line-height:2.1;color:var(--inv-muted)}
.sb-footer-h{display:block;color:var(--inv-ink);margin-bottom:6px}
.sb-footer-nav{display:flex;flex-direction:column;color:var(--inv-ink)}
.sumibiki .sb-footer-nav a:hover{color:var(--inv-accent)}
.sb-footer-mark{display:block;margin-top:clamp(48px,8vw,112px);font-family:'Newsreader',serif;font-weight:300;font-size:clamp(64px,18.6vw,300px);line-height:.8;letter-spacing:-.03em;text-align:center}
.sb-footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:16px;border-top:1px solid var(--inv-line);font:italic 13px 'Newsreader',serif;color:var(--inv-muted)}

/* 下層ページ共通 */
.sb-page-hero{position:relative;overflow:hidden;padding:clamp(40px,6vw,88px) var(--gut) clamp(32px,4vw,48px)}
.sb-deco-circle{position:absolute;right:-10vw;top:-14vw;width:46vw;height:46vw;border:1px solid var(--line);border-radius:50%;pointer-events:none;will-change:transform}
.sb-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;letter-spacing:.08em;color:var(--muted);margin-bottom:clamp(24px,4vw,48px)}
.sb-crumb [aria-current]{color:var(--ink)}
.sb-kicker-row{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}
.sb-kicker-row em{font:italic 14px 'Newsreader',serif;color:var(--muted)}
.sb-kicker-icon{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.sb-page-intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px}

/* 記事 */
.sb-art-title{margin:14px 0 0;font:800 clamp(48px,8vw,128px)/1.1 'Shippori Mincho',serif;letter-spacing:.02em}
.sb-art-title.sm{font-size:clamp(36px,5vw,80px);line-height:1.3}
.sb-art-sub{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 64px;margin-top:clamp(20px,3vw,32px)}
.sb-art-catch{flex:1 1 420px;margin:0;font:700 clamp(20px,2vw,28px)/1.7 'Shippori Mincho',serif}
.sb-art-catch span{display:block;font:italic 300 .75em 'Newsreader',serif;color:var(--muted)}
.sb-specs{flex:1 1 480px;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));border-top:1px solid var(--ink)}
.sb-specs div{padding:12px 12px 0 0;display:flex;flex-direction:column;gap:4px}
.sb-specs dt{font-size:10px;letter-spacing:.14em;color:var(--muted)}
.sb-specs dd{margin:0;font:700 15px/1.5 'Shippori Mincho',serif}
.sb-art-fig{margin:0;padding:0 var(--gut)}
.sb-art-fig-in{display:block;transform-origin:center top;will-change:transform}
.sb-art-fig figcaption{max-width:1328px;margin:12px auto 0;font-size:11px;letter-spacing:.06em;color:var(--muted)}
.sb-art-layout{max-width:1328px;margin:0 auto;padding:clamp(56px,8vw,112px) var(--gut) 0;display:flex;flex-wrap:wrap;gap:clamp(40px,6vw,96px);align-items:flex-start}
.sb-aside{flex:0 1 280px;min-width:0;position:sticky;top:96px;display:flex;flex-direction:column;gap:32px}
.sb-aside-block{display:flex;flex-direction:column;gap:10px}
.sb-toc{display:flex;flex-direction:column}
.sb-toc-head{font:italic 14px 'Newsreader',serif;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--ink)}
.sb-toc a{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font:500 14px/1.6 'Shippori Mincho',serif}
.sb-toc a span{font:italic 14px 'Newsreader',serif;color:var(--accent)}

/* 本文（SWELLの本文スタイルを上書き） */
.sumibiki .sb-prose{flex:1 1 560px;min-width:0;max-width:720px;font:500 16px/2.2 'Shippori Mincho',serif;color:var(--body);background:none;padding:0}
.sumibiki .sb-prose p{margin:0 0 1.4em}
.sumibiki .sb-prose .sb-lead{margin:0 0 2em;font-weight:700;font-size:clamp(18px,1.6vw,21px);line-height:2.1;color:var(--ink)}
.sumibiki .sb-prose .sb-lead::first-letter{float:left;font-weight:800;font-size:4.2em;line-height:.9;margin:.08em .12em 0 0;color:var(--accent)}
.sumibiki .sb-prose h2{margin:2.6em 0 .8em;padding:0;display:flex;gap:16px;align-items:baseline;font:800 clamp(24px,2.4vw,32px)/1.5 'Shippori Mincho',serif;color:var(--ink);background:none;border:0}
.sumibiki .sb-prose h2::before,.sumibiki .sb-prose h2::after,.sumibiki .sb-prose h3::before,.sumibiki .sb-prose h3::after,.sumibiki .sb-prose blockquote::before,.sumibiki .sb-prose blockquote::after{display:none !important;content:none !important}
.sumibiki .sb-prose .sb-h-no{font:italic 300 1em 'Newsreader',serif;color:var(--accent)}
.sumibiki .sb-prose h3{margin:2em 0 .6em;padding:0;font:800 20px/1.6 'Shippori Mincho',serif;color:var(--ink);background:none;border:0}
.sumibiki .sb-prose figure,.sumibiki .sb-prose .wp-block-image{margin:2.4em 0}
.sumibiki .sb-prose figcaption{margin-top:10px;font:11px/1.7 'Zen Kaku Gothic New',sans-serif;color:var(--muted);text-align:left}
.sumibiki .sb-prose blockquote{margin:2.6em 0;padding:2em 0;border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);background:none}
.sumibiki .sb-prose blockquote p{margin:0;font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.9;color:var(--ink)}
.sumibiki .sb-prose blockquote cite{display:block;margin-top:14px;font:normal 11px 'Zen Kaku Gothic New',sans-serif;letter-spacing:.06em;color:var(--muted)}
.sumibiki .sb-prose a:not([class]){color:var(--accent);border-bottom:1px solid currentColor}
.sumibiki .sb-prose ul,.sumibiki .sb-prose ol:not(.sb-points){padding-left:1.4em;margin:0 0 1.4em}
.sb-points{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.sb-points li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.sb-points .no{font:italic 300 32px/1 'Newsreader',serif;color:var(--accent)}
.sb-points li>span:last-child{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:2}
.sb-points strong{font-weight:800;font-size:18px;line-height:1.6;color:var(--ink)}
.sumibiki .sb-col-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2.6em 0 0;padding:22px 24px;border:1px solid var(--line);font-family:'Zen Kaku Gothic New',sans-serif;color:var(--ink);transition:border-color .3s ease}
.sumibiki .sb-col-link:hover{border-color:var(--ink);color:var(--ink)}
.sb-col-link>span:first-child{display:flex;flex-direction:column;gap:4px}
.sb-col-link strong{font:700 17px 'Shippori Mincho',serif}
.sb-col-link>span:last-child{font:22px 'Newsreader',serif}

/* 宿泊情報 */
.sb-info{max-width:1328px;margin:0 auto;padding:24px var(--gut) 0}
.sb-info-box{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,56px);padding:clamp(24px,3vw,40px);border:1px solid var(--ink)}
.sb-info-list{flex:1 1 420px;margin:0;display:flex;flex-direction:column}
.sb-info-list div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.sb-info-list dt{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.sb-info-list dd{margin:0;font-size:14px}
.sb-info-side{flex:1 1 280px;display:flex;flex-direction:column;gap:16px}
.sb-book{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sb-btn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 12px;border:1px solid var(--ink);font-size:13px;font-weight:500;text-align:center}
.sumibiki .sb-btn.fill{background:var(--ink);color:var(--bg)}
.sumibiki .sb-btn.fill:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.sb-note{font-size:11px;line-height:1.7;color:var(--muted)}

/* カード */
.sb-read-next,.sb-works{max-width:1440px;margin:0 auto;padding:clamp(80px,10vw,140px) var(--gut)}
.sb-works{padding-top:0}
.sb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:40px clamp(20px,3vw,32px)}
.sb-cards.lg{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px clamp(20px,3vw,40px)}
.sb-card{display:flex;flex-direction:column;gap:12px}
.sb-card-meta{display:flex;justify-content:space-between;gap:16px}
.sb-card-meta em{font:italic 13px 'Newsreader',serif;color:var(--muted)}
.sb-card-hotel{font:800 22px/1.4 'Shippori Mincho',serif}
.sb-card-hotel.lg{font-size:clamp(26px,2.6vw,36px);line-height:1.3}
.sb-card-sub{font-size:13px;color:var(--body)}
.sb-pager{margin-top:56px}
.sb-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;margin-right:6px;border:1px solid var(--line);border-radius:999px;font-family:'Newsreader',serif}
.sb-pager .page-numbers.current{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* 建築家ページ */
.sb-arch-circle{position:absolute;right:6vw;top:4vw;width:30vw;height:30vw;max-width:440px;max-height:440px;border:1px solid var(--line);border-radius:50%;will-change:transform}
.sb-arch-square{position:absolute;right:22vw;top:18vw;width:12vw;height:12vw;max-width:180px;max-height:180px;background:var(--soft);will-change:transform}
.sb-arch-name{margin:12px 0 0;font:300 clamp(64px,13vw,200px)/.88 'Newsreader',serif;letter-spacing:-.04em}
.sb-arch-name em{font-style:italic}
.sb-arch-sub{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px 64px;margin-top:clamp(24px,3vw,40px);padding-top:20px;border-top:1px solid var(--ink)}
.sb-arch-who{flex:1 1 360px;display:flex;flex-direction:column;gap:6px}
.sb-arch-ja{font:800 clamp(28px,3vw,40px)/1.3 'Shippori Mincho',serif}
.sb-stats{flex:0 1 260px;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sb-stats dt{font-size:10px;letter-spacing:.14em;color:var(--muted)}
.sb-stats dd{margin:6px 0 0}
.sb-stats .num{margin:0;font:300 44px/1.1 'Newsreader',serif}
.sb-stats .num small{font:13px 'Zen Kaku Gothic New',sans-serif;margin-left:6px}
.sb-index-inner{max-width:1440px;margin:0 auto;padding:clamp(64px,9vw,120px) var(--gut)}
.sb-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));column-gap:clamp(24px,4vw,56px)}
.sb-index-row{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--inv-line);color:var(--inv-ink)}
.sumibiki .sb-index-row:hover,.sb-index-row.is-current{color:var(--inv-accent)}
.sb-index-row .en{flex:1 1 auto;min-width:0;font:300 clamp(22px,2vw,30px)/1.15 'Newsreader',serif;letter-spacing:-.01em}
.sb-index-row .ja{font:500 13px 'Shippori Mincho',serif}
.sb-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));border-top:1px solid var(--ink)}
.sb-tech{display:flex;align-items:baseline;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .4s cubic-bezier(.2,.7,.2,1)}
.sb-tech:hover{padding-left:12px}
.sb-tech .no{font:italic 14px 'Newsreader',serif;color:var(--accent)}
.sb-tech .name{flex:1 1 auto;font:700 20px 'Shippori Mincho',serif}

/* 地域から探す */
.sb-map-wrap{max-width:1440px;margin:0 auto;padding:0 var(--gut)}
.sb-chips{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.sb-chip{display:flex;align-items:baseline;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--ink);cursor:pointer;font:13px/40px 'Zen Kaku Gothic New',sans-serif;transition:background-color .3s ease,color .3s ease}
.sb-chip small{font:italic 12px 'Newsreader',serif;opacity:.7}
.sb-chip[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.sb-map-layout{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,72px);align-items:flex-start;padding:clamp(32px,4vw,56px) 0 clamp(80px,10vw,140px)}
.sb-map-fig{flex:1.2 1 520px;min-width:0;position:sticky;top:96px;display:flex;flex-direction:column;gap:12px}
.sb-map-canvas{position:relative;aspect-ratio:4/3;background:var(--soft);overflow:hidden}
.sb-map-canvas img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.sb-map-list{flex:1 1 420px;min-width:0;display:flex;flex-direction:column}
.sb-map-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--ink)}
.sb-map-list-head h2{margin:0;font:800 clamp(28px,3vw,40px)/1.2 'Shippori Mincho',serif}
.sb-count-it{font:italic 15px 'Newsreader',serif;color:var(--muted)}
.sb-map-item{display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,12vw,160px);gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .4s cubic-bezier(.2,.7,.2,1)}
.sb-map-item:hover{padding-left:12px}
.sb-map-item .txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.sb-map-item .name{font:800 clamp(20px,2vw,26px)/1.35 'Shippori Mincho',serif}

/* v1.0.1 */
/* ダークモード：もともと暗い面（建築家・索引・フッター・メニュー）は同じ色のまま。背景と区別するため境界線だけ足す */
html[data-theme="dark"] .sb-dark{box-shadow:0 -1px 0 #2a2825,0 1px 0 #2a2825}
/* 広告表示（冒頭） */
.sb-pr{display:inline-block;margin:0 0 14px;padding:2px 10px;border:1px solid var(--line);font-size:11px;letter-spacing:.08em;color:var(--muted)}
/* 表紙：読み込み直後に見出しへ重ならないよう、拡大のみで動かす */
.sb-cover figure{transform-origin:center top}
/* 長いホテル名・英字の折り返し */
.sb-cover-title h2,.sb-art-title,.sb-card-hotel,.sb-row-hotel,.sb-slide-hotel{overflow-wrap:anywhere}
.sb-arch-row .en,.sb-index-row .en{overflow-wrap:anywhere;min-width:0}
/* スライダー：ボタン無効時の見た目 */
.sb-round:disabled{opacity:.3;cursor:default}
/* 目次が空のときの余白 */
.sb-toc[hidden]+.sb-aside-block{margin-top:0}
/* トップの紹介文：見出しの改行位置を保つ */
.sb-about-lead{font-size:clamp(20px,2vw,30px);word-break:keep-all;overflow-wrap:anywhere}
@media (min-width:900px){.sb-about{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr) minmax(0,1fr)}}

/* 日本地図（地域から探す・ホテル記事） */
.sb-jmap{position:relative;display:block;aspect-ratio:500/480;background:var(--panel);overflow:hidden;transition:background-color .5s ease}
html[data-theme="dark"] .sb-jmap{background:var(--soft)}
.sb-jmap-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.sb-jm-region{fill:var(--land);stroke:none;transition:fill .4s ease,opacity .5s ease}
.sb-jm-region.is-empty{opacity:.72}
.sb-jm-region[role="button"]{cursor:pointer;outline:none}
.sb-jm-region[role="button"]:hover,.sb-jm-region[role="button"]:focus-visible{fill:var(--land-on);opacity:1}
.sb-jmap.is-zoomed .sb-jm-region{opacity:.5}
.sb-jmap .sb-jm-region.is-on{fill:var(--land-on);opacity:1}
.sb-jm-mesh{fill:none;stroke:var(--panel);stroke-width:.8;vector-effect:non-scaling-stroke;pointer-events:none}
html[data-theme="dark"] .sb-jm-mesh{stroke:var(--soft)}
.sb-jm-inset{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}
.sb-jm-pin{cursor:pointer;transition:opacity .4s ease}
.sb-jm-pin .sb-jm-dot{fill:#8c4a2a;stroke:var(--bg);stroke-width:1.5;vector-effect:non-scaling-stroke;transition:fill .3s ease}
.sb-jm-pin .sb-jm-halo{fill:#8c4a2a;opacity:0;transition:opacity .3s ease}
html[data-theme="dark"] .sb-jm-pin .sb-jm-dot,html[data-theme="dark"] .sb-jm-pin .sb-jm-halo{fill:#d9a27f}
.sb-jm-pin:hover .sb-jm-halo,.sb-jm-pin:focus-visible .sb-jm-halo,.sb-jm-pin.is-hot .sb-jm-halo{opacity:.22}
.sb-jm-pin:hover .sb-jm-dot,.sb-jm-pin.is-hot .sb-jm-dot{fill:#d9a27f}
.sb-jm-pin:focus{outline:none}
.sb-jm-pin.is-dim{opacity:.25}
.sb-jmap-tip{position:absolute;z-index:2;transform:translate(-50%,calc(-100% - 14px));padding:4px 10px;background:var(--ink);color:var(--bg);font:700 12px/1.6 'Shippori Mincho',serif;white-space:nowrap;pointer-events:none}
.sb-jmap-reset{position:absolute;z-index:2;left:12px;top:12px;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--ink);border-radius:999px;background:var(--bg);color:var(--ink);cursor:pointer;font:13px 'Zen Kaku Gothic New',sans-serif}
.sb-jmap-reset span{font-family:'Newsreader',serif}
.sb-jmap-reset:hover{background:var(--ink);color:var(--bg)}
.sb-map-item.is-hot{padding-left:12px}
.sb-map-item.is-hot .name{color:var(--accent)}
@media (max-width:899px){.sb-map-fig{position:relative;top:auto}}
.sb-jmap.is-mini{aspect-ratio:4/3;color:var(--ink)}
.sb-jmap.is-mini .sb-jmap-svg{inset:0}
.sb-jmap-cap{position:absolute;left:12px;bottom:10px;font-size:12px;letter-spacing:.08em;color:var(--ink)}
.sb-jmap-cap span{font-family:'Newsreader',serif}

/* =========================================================
   v1.2 — 目次ボタン・装飾・図解・ピクトグラム・言語・建築家ページ
   ======================================================= */
html{scroll-padding-top:88px}
/* 目次：本文に重ならないよう追従をやめる。スマホでは右下のボタンにまとめる */
.sb-aside{position:static;top:auto}
@media (max-width:899px){.sb-aside .sb-toc{display:none}.sb-aside{flex-basis:100%}}

/* 右下の目次ボタン */
.sb-toc-fab{position:fixed;z-index:40;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:60px;height:60px;padding:0;border:0;border-radius:50%;background:var(--bg);color:var(--ink);cursor:pointer;box-shadow:0 10px 30px -10px rgba(27,26,24,.35),0 0 0 1px var(--line);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1),background-color .4s ease}
.sb-toc-fab.is-on{opacity:1;transform:none;pointer-events:auto}
.sb-toc-fab .ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.sb-toc-fab .trk{fill:none;stroke:var(--line);stroke-width:2}
.sb-toc-fab .prg{fill:none;stroke:#8c4a2a;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .2s linear}
html[data-theme="dark"] .sb-toc-fab .prg{stroke:#d9a27f}
.sb-toc-fab .pct{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1;transition:opacity .25s ease}
.sb-toc-fab .pct b{font:400 17px/1 'Newsreader',serif;font-variant-numeric:tabular-nums}
.sb-toc-fab .pct small{margin-top:3px;font-size:9px;letter-spacing:.2em;color:var(--muted)}
.sb-toc-fab .x{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;opacity:0;transition:opacity .25s ease,transform .35s ease;transform:rotate(-45deg)}
.sb-toc-fab .x::before,.sb-toc-fab .x::after{content:"";position:absolute;left:0;top:8.5px;width:18px;height:1px;background:currentColor;transform:rotate(45deg)}
.sb-toc-fab .x::after{transform:rotate(-45deg)}
.sb-toc-fab[aria-expanded="true"] .pct{opacity:0}
.sb-toc-fab[aria-expanded="true"] .x{opacity:1;transform:none}
.sb-toc-fab:hover{box-shadow:0 14px 34px -10px rgba(27,26,24,.45),0 0 0 1px var(--ink)}
.sb-toc-panel{position:fixed;z-index:39;right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 72px);width:min(340px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;padding:18px 20px 14px;background:var(--bg);color:var(--ink);box-shadow:0 24px 60px -20px rgba(27,26,24,.45),0 0 0 1px var(--line);transform-origin:right bottom;animation:sbPanel .35s cubic-bezier(.2,.8,.2,1)}
@keyframes sbPanel{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.sb-toc-panel-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--ink);font:italic 15px 'Newsreader',serif}
.sb-toc-panel-head b{font-weight:400;font-variant-numeric:tabular-nums}
.sb-toc-panel nav a{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font:500 14px/1.55 'Shippori Mincho',serif;transition:color .25s ease,padding .3s ease}
.sb-toc-panel nav a span{flex:0 0 22px;font:italic 14px 'Newsreader',serif;color:var(--muted)}
.sb-toc-panel nav a.is-current{color:var(--accent);padding-left:6px}
.sb-toc-panel nav a.is-current span{color:var(--accent)}
.sb-toc a.is-current{color:var(--accent)}
.sb-toc-top{display:block;margin-top:12px;font-size:12px;letter-spacing:.08em;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.sb-toc-panel{animation:none}}

/* ---------- 記事の装飾 ---------- */
.sumibiki .sb-prose strong{font-weight:800;color:var(--ink)}
.sumibiki .sb-prose mark{background:linear-gradient(transparent 58%,rgba(217,162,127,.45) 58%);color:inherit;padding:0 .08em}
html[data-theme="dark"] .sumibiki .sb-prose mark{background:linear-gradient(transparent 58%,rgba(140,74,42,.75) 58%)}
.sumibiki .sb-prose p.is-style-sb-point{position:relative;margin:2.2em 0;padding:1.4em 1.5em 1.3em;background:var(--panel);font-weight:700;color:var(--ink);line-height:2}
.sumibiki .sb-prose p.is-style-sb-point::before{content:"Point";display:block;margin-bottom:.4em;font:italic 400 15px/1 'Newsreader',serif;letter-spacing:.04em;color:var(--accent)}
html[data-theme="dark"] .sumibiki .sb-prose p.is-style-sb-point{background:var(--soft)}
.sumibiki .sb-prose p.is-style-sb-stay{position:relative;margin:2.2em 0;padding:0 0 0 3.2em;font-weight:700;color:var(--ink)}
.sumibiki .sb-prose p.is-style-sb-stay::before{content:"";position:absolute;left:0;top:.35em;width:2.2em;height:2.2em;border-radius:50%;background:#8c4a2a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4f2ee' stroke-width='1.4'%3E%3Cpath d='M3 18V9l9-5 9 5v9'/%3E%3Cpath d='M3 18h18M8 18v-5h8v5'/%3E%3Ccircle cx='17.5' cy='6' r='1.6' fill='%23f4f2ee' stroke='none'/%3E%3C/svg%3E") center/62% no-repeat}
.sumibiki .sb-prose p.is-style-sb-stay::after{content:"泊まって確かめる";position:absolute;left:3.2em;top:-1.6em;font:500 11px/1 'Zen Kaku Gothic New',sans-serif;letter-spacing:.14em;color:var(--accent)}
.sumibiki .sb-prose p.is-style-sb-note{margin:1.6em 0;padding-left:1.4em;text-indent:-1.4em;font:500 12px/1.9 'Zen Kaku Gothic New',sans-serif;color:var(--muted)}
.sumibiki .sb-prose p.is-style-sb-note::before{content:"※";display:inline-block;width:1.4em;text-indent:0}
.sumibiki .sb-prose blockquote.is-style-sb-pull{margin:2.8em -.2em;padding:0;border:0;background:none;text-align:left}
.sumibiki .sb-prose blockquote.is-style-sb-pull p{position:relative;padding-top:.9em;font:800 clamp(22px,2.6vw,30px)/1.65 'Shippori Mincho',serif;color:var(--ink)}
.sumibiki .sb-prose blockquote.is-style-sb-pull p::before{content:"“";position:absolute;left:-.04em;top:-.28em;font:300 2.6em/1 'Newsreader',serif;color:var(--accent)}
.sumibiki .sb-prose blockquote.is-style-sb-pull cite{margin-top:10px}
.sumibiki .sb-prose .is-style-sb-box{margin:2.4em 0;padding:1.6em 1.6em .4em;background:var(--panel)}
html[data-theme="dark"] .sumibiki .sb-prose .is-style-sb-box{background:var(--soft)}

/* ---------- 図解 ---------- */
.sumibiki .sb-prose .sb-fig{margin:2.8em 0;padding:clamp(18px,3vw,28px);background:var(--panel);font-family:'Zen Kaku Gothic New',sans-serif}
html[data-theme="dark"] .sumibiki .sb-prose .sb-fig{background:var(--soft)}
.sb-fig-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 18px !important;text-align:left !important}
.sb-fig-kind{font:italic 15px/1 'Newsreader',serif;color:var(--accent)}
.sb-fig-title{font:700 15px/1.5 'Shippori Mincho',serif;color:var(--ink)}
.sb-fig-note{margin:12px 0 0 !important;font-size:12px;line-height:1.8;color:var(--muted)}
.sb-fig svg{display:block;width:100%;height:auto;overflow:visible}
/* 年表 */
.sb-tl{list-style:none;margin:0;padding:0;position:relative}
.sb-tl::before{content:"";position:absolute;left:73px;top:6px;bottom:6px;width:1px;background:var(--line)}
.sb-tl li{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:40px;padding:8px 0}
.sb-tl li::before{content:"";position:absolute;left:69.5px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 1px var(--muted)}
.sb-tl li.is-hot::before{background:#8c4a2a;box-shadow:0 0 0 3px rgba(140,74,42,.18)}
.sb-tl .y{font:400 18px/1.4 'Newsreader',serif;font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}
.sb-tl li.is-hot .y{color:var(--accent)}
.sb-tl .t{font:600 14px/1.7 'Shippori Mincho',serif;color:var(--ink)}
.sb-tl .t small{display:block;font:12px/1.7 'Zen Kaku Gothic New',sans-serif;color:var(--muted)}
/* 数字 */
.sb-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:22px 18px}
.sb-fact{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--ink)}
.sb-fact .n{font:300 clamp(34px,4.4vw,48px)/1 'Newsreader',serif;letter-spacing:-.02em;color:var(--ink)}
.sb-fact .n b{font-weight:300}
.sb-fact .n .unit,.sb-fact .n .pre{font:500 14px 'Zen Kaku Gothic New',sans-serif;margin-left:3px;color:var(--accent)}
.sb-fact .n .pre{margin:0 3px 0 0}
.sb-fact .l{font-size:12px;line-height:1.7;color:var(--body)}
/* 比べる */
.sb-cmp{display:flex;flex-direction:column}
.sb-cmp-row{display:grid;grid-template-columns:minmax(64px,.6fr) minmax(0,1fr) 22px minmax(0,1fr);gap:10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.75;color:var(--body)}
.sb-cmp-head{padding-top:0;border-bottom:1px solid var(--ink);font:700 15px/1.5 'Shippori Mincho',serif;color:var(--ink)}
.sb-cmp-row .k{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.sb-cmp-row .vs{font:italic 13px 'Newsreader',serif;color:var(--accent);text-align:center}
/* 断面の層 */
.sb-layers{display:flex;flex-direction:column;gap:5px}
.sb-layer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:center}
.sb-layer .bar{display:flex;align-items:center;justify-content:center;width:var(--w,100%);margin:0 auto;min-height:40px;padding:6px 10px;background:var(--land,#d9d3c7);font:700 13px/1.4 'Shippori Mincho',serif;color:var(--ink);text-align:center}
.sb-layer.is-roof .bar{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}
.sb-layer.is-hot .bar{background:#8c4a2a;color:#f4f2ee}
html[data-theme="dark"] .sb-layer.is-hot .bar{background:#d9a27f;color:#1b1a18}
.sb-layer .v{font-size:12px;line-height:1.7;color:var(--body)}
.sb-layer.is-hot .v{color:var(--ink);font-weight:700}
/* 高さ・勾配・地中（SVG） */
.sb-fig .g{fill:var(--land,#d9d3c7)}
.sb-fig .hot{fill:#8c4a2a}
html[data-theme="dark"] .sb-fig .hot{fill:#d9a27f}
.sb-fig .gl,.sb-fig .base{stroke:var(--ink);stroke-width:1;fill:none}
.sb-fig .ld{stroke:var(--muted);stroke-width:.8;fill:none}
.sb-fig .dot{fill:var(--ink)}
.sb-fig text{font-family:'Zen Kaku Gothic New',sans-serif;fill:var(--body)}
.sb-fig text.f{font:11px 'Newsreader',serif;fill:var(--muted)}
.sb-fig text.t{font-size:12px;fill:var(--ink)}
.sb-fig text.t .fl{font:italic 13px 'Newsreader',serif;fill:var(--accent)}
.sb-fig text.lab{font-size:11px;fill:var(--accent);font-weight:700}
.sb-fig text.hot{fill:var(--accent);font-weight:700}
.sb-fig .roof{fill:rgba(140,74,42,.16);stroke:#8c4a2a;stroke-width:1.6}
html[data-theme="dark"] .sb-fig .roof{fill:rgba(217,162,127,.18);stroke:#d9a27f}
.sb-fig .cmp{stroke:var(--muted);stroke-width:.8;stroke-dasharray:3 4;fill:none}
.sb-fig .hill{fill:var(--land,#d9d3c7)}
.sb-fig .sea{fill:var(--soft)}
html[data-theme="dark"] .sb-fig .sea{fill:#2a2825}
.sb-fig .bld{fill:var(--bg);stroke:var(--ink);stroke-width:1}
.sb-fig .bld-under{fill:rgba(140,74,42,.22)}
html[data-theme="dark"] .sb-fig .bld-under{fill:rgba(217,162,127,.25)}
.sb-tower-svg{max-width:420px;margin:0 auto}
.sb-pitch-svg,.sb-ground-svg{max-width:460px;margin:0 auto}
/* 用語 */
.sumibiki .sb-prose .sb-termbox{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;margin:2.2em 0;padding:18px 20px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.sb-termbox .sb-ic{width:40px;height:40px}
.sb-termbox .w{display:block;font:800 16px/1.5 'Shippori Mincho',serif;color:var(--ink)}
.sumibiki .sb-prose .sb-termbox p{margin:4px 0 0;font:500 13px/1.95 'Zen Kaku Gothic New',sans-serif;color:var(--body)}

/* ---------- ピクトグラム ---------- */
.sb-ic{flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.sb-ic .sb-ic-accent{fill:rgba(140,74,42,.85);stroke:none}
.sb-ic path.sb-ic-accent[fill="none"]{fill:none;stroke:#8c4a2a}
html[data-theme="dark"] .sb-ic .sb-ic-accent{fill:#d9a27f}
html[data-theme="dark"] .sb-ic path.sb-ic-accent[fill="none"]{fill:none;stroke:#d9a27f}
.sb-pill-ic{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 8px}
.sb-tech .sb-tech-ic{align-self:center;color:var(--ink)}
.sb-tech{align-items:center}
.sb-archive-ic{display:block;margin-bottom:14px;color:var(--ink)}
.sb-card-tech{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11px;letter-spacing:.06em;color:var(--muted)}
.sb-card-tech span{margin-right:6px}

/* ---------- 言語切り替え（フッター） ---------- */
.sb-footer-lang{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:40px;padding-top:20px;border-top:1px solid var(--inv-line)}
.sb-footer-lang .sb-footer-h{margin:0;font-size:12px;color:var(--inv-muted)}
.sb-lang{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--inv-line);border-radius:999px}
.sb-lang-ic{margin:0 4px 0 8px;fill:none;stroke:var(--inv-muted);stroke-width:1.3}
.sb-lang-btn{display:inline-flex;align-items:baseline;gap:6px;min-height:36px;align-items:center;padding:0 16px;border-radius:999px;font:500 13px 'Zen Kaku Gothic New',sans-serif;color:var(--inv-ink);transition:background-color .3s ease,color .3s ease}
.sb-lang-btn[lang="en"]{font:italic 15px 'Newsreader',serif}
.sb-lang-btn.is-current{background:var(--inv-ink);color:var(--inv)}
a.sb-lang-btn:hover{color:var(--inv-accent)}
.sb-lang-btn.is-soon{color:var(--inv-muted);cursor:default}
.sb-lang-btn small{font:10px 'Zen Kaku Gothic New',sans-serif;letter-spacing:.12em;color:var(--inv-accent)}

/* ---------- 建築家ページ ---------- */
.sb-arch-tagline{margin-top:6px;font:700 clamp(16px,1.6vw,20px)/1.7 'Shippori Mincho',serif;color:var(--ink)}
.sb-arch-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(28px,4vw,48px) 0 0;border-top:1px solid var(--ink)}
.sb-arch-stats>div{padding:16px 16px 18px 0}
.sb-arch-stats>div+div{padding-left:16px;border-left:1px solid var(--line)}
.sb-arch-stats .wide{grid-column:1/-1;border-left:0 !important;padding-left:0 !important;border-top:1px solid var(--line)}
.sb-arch-stats dt{font-size:10px;letter-spacing:.14em;color:var(--muted)}
.sb-arch-stats dd{margin:8px 0 0}
.sb-arch-stats .num{font:300 clamp(36px,4.4vw,56px)/1 'Newsreader',serif}
.sb-arch-stats .num small{font:13px 'Zen Kaku Gothic New',sans-serif;margin-left:6px;color:var(--muted)}
@media (min-width:900px){.sb-arch-stats{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2fr)}.sb-arch-stats .wide{grid-column:auto;border-top:0;border-left:1px solid var(--line) !important;padding-left:16px !important}}
.sb-arch-body{max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,120px) var(--gut) 0;display:flex;flex-wrap:wrap;gap:clamp(40px,6vw,88px);align-items:flex-start}
.sb-arch-works{flex:1.1 1 460px;min-width:0}
.sb-arch-mapbox{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:10px;position:sticky;top:96px}
@media (max-width:899px){.sb-arch-mapbox{position:relative;top:auto}}
.sb-arch-tl{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.sb-arch-tl li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.sb-arch-tl .y{font:300 22px/1 'Newsreader',serif;font-variant-numeric:tabular-nums;color:var(--muted)}
.sb-arch-tl .t{font:700 16px/1.6 'Shippori Mincho',serif}
.sb-arch-tl .t small{display:block;font:12px 'Zen Kaku Gothic New',sans-serif;color:var(--muted)}
.sb-arch-tl li.is-stay .y{color:var(--accent)}
.sb-arch-tl li.is-stay .t a{border-bottom:1px solid currentColor}
.sb-arch-tl .stay{font-size:10px;letter-spacing:.14em;padding:2px 10px;border-radius:999px;background:#8c4a2a;color:#f4f2ee;white-space:nowrap}
html[data-theme="dark"] .sb-arch-tl .stay{background:#d9a27f;color:#1b1a18}
.sb-jmap.is-arch{aspect-ratio:500/480}
.sb-arch-quote{max-width:1100px;margin:0 auto;padding:clamp(64px,8vw,120px) var(--gut) 0}
.sb-arch-quote blockquote{margin:0;padding:0}
.sb-arch-quote p{position:relative;margin:0;padding-top:.6em;font:800 clamp(24px,3.2vw,40px)/1.6 'Shippori Mincho',serif}
.sb-arch-quote cite{display:block;margin-top:16px;font:normal 12px 'Zen Kaku Gothic New',sans-serif;letter-spacing:.06em;color:var(--muted)}
.sb-arch-cols{padding-top:clamp(64px,8vw,120px)}

.sb-arch-body+.sb-works,.sb-arch-quote+.sb-works{padding-top:clamp(72px,9vw,128px)}
.sb-tech-grid{column-gap:clamp(24px,4vw,48px)}
.sumibiki .sb-prose ol.sb-tl{padding:0;margin:0}.sumibiki .sb-prose ol.sb-tl li{margin:0}
/* 親テーマのsvg塗りを打ち消す */
.sumibiki svg.sb-ic,.sumibiki svg.sb-ic rect,.sumibiki svg.sb-ic circle,.sumibiki svg.sb-ic path:not(.sb-ic-accent){fill:none !important}
.sumibiki svg.sb-ic .sb-ic-accent:not([fill="none"]){fill:rgba(140,74,42,.85) !important}
html[data-theme="dark"] .sumibiki svg.sb-ic .sb-ic-accent:not([fill="none"]){fill:#d9a27f !important}
.sumibiki .sb-lang-ic,.sumibiki .sb-lang-ic *{fill:none !important}
.sumibiki .sb-toc-fab .ring circle{fill:none !important}

/* ===== v1.4 日本地図：都道府県まで拡大・ピンのカード ===== */
.sb-jmap{--jm-bg:var(--panel)}
html[data-theme="dark"] .sb-jmap{--jm-bg:var(--soft)}
.sb-jm-pref{fill:var(--land);stroke:var(--jm-bg);stroke-width:.7;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .35s ease,opacity .5s ease;cursor:pointer;outline:none}
.sb-jmap:not([data-jmap]) .sb-jm-pref{cursor:default}
.sb-jm-pref.is-empty{opacity:.72}
.sb-jm-pref.is-hover,.sb-jm-pref:focus-visible{fill:var(--land-on);opacity:1}
.sb-jmap.is-zoomed .sb-jm-pref{opacity:.45}
.sb-jmap .sb-jm-pref.is-on{fill:var(--land-on);opacity:1}
.sb-jmap .sb-jm-pref.is-near{fill:var(--land);opacity:.9}
.sb-jmap.is-pref .sb-jm-pref.is-on{fill:var(--land-on)}
.sb-jmap .sb-jm-pref.has-pins.is-on,.sb-jmap.is-pref .sb-jm-pref.is-on{stroke-width:1}
.sb-jm-kbd{fill:transparent;stroke:none;pointer-events:none;outline:none}
.sb-jm-kbd:focus-visible{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.sb-jmap.is-zoomed .sb-jm-kbd{display:none}
.sb-jm-labels{font-family:'Shippori Mincho',serif;font-weight:700;pointer-events:none}
.sb-jm-label{fill:var(--muted);stroke:var(--jm-bg);stroke-opacity:.85;paint-order:stroke;text-anchor:middle;dominant-baseline:middle;opacity:0;transition:opacity .4s ease}
html[lang^="en"] .sb-jm-labels{font-family:'Newsreader',serif;font-style:italic;font-weight:400}
.sb-jm-label.is-show{opacity:1}
.sb-jm-label.is-cur{fill:var(--ink)}
.sb-jm-pin .sb-jm-hit{fill:transparent}
.sb-jm-pin.is-active .sb-jm-halo{opacity:.3}
.sb-jm-pin.is-active .sb-jm-dot{fill:#d9a27f}
html[data-theme="dark"] .sb-jm-pin.is-active .sb-jm-dot{fill:#8c4a2a}
.sb-jmap-card{position:absolute;z-index:3;display:flex;flex-direction:column;width:min(220px,62%);background:var(--bg);color:var(--ink);box-shadow:0 18px 40px -18px rgba(27,26,24,.5),0 0 0 1px var(--line);animation:sbCard .3s cubic-bezier(.2,.8,.2,1)}
.sb-jmap-card[hidden]{display:none}
.sb-jmap-card::after{content:"";position:absolute;left:var(--tail,50%);bottom:-7px;width:14px;height:14px;margin-left:-7px;background:var(--bg);transform:rotate(45deg);box-shadow:1px 1px 0 var(--line)}
.sb-jmap-card.is-below::after{top:-7px;bottom:auto;box-shadow:-1px -1px 0 var(--line)}
.sb-jmap-card .img{position:relative;z-index:1;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--panel)}
.sb-jmap-card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sb-jmap-card:hover .img img{transform:scale(1.04)}
.sb-jmap-card .txt{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;background:var(--bg)}
.sb-jmap-card .name{font:800 15px/1.45 'Shippori Mincho',serif}
.sb-jmap-card .go{font:italic 12px 'Newsreader',serif;color:var(--accent)}
@keyframes sbCard{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sb-jmap-card{animation:none}}
.sumibiki .sb-jm-pin .sb-jm-hit{fill:transparent !important}

/* ===== v1.4 目次：本文の中（リードの直後）に置く ===== */
.sumibiki .sb-prose .sb-toc-in{display:flex;flex-direction:column;margin:2.4em 0 3em;padding:22px clamp(18px,3vw,28px) 10px;background:var(--panel);border-top:2px solid var(--ink)}
html[data-theme="dark"] .sumibiki .sb-prose .sb-toc-in{background:var(--soft)}
.sumibiki .sb-prose .sb-toc-in .sb-toc-head{display:flex;align-items:baseline;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);font:italic 17px 'Newsreader',serif;color:var(--ink)}
.sumibiki .sb-prose .sb-toc-in .sb-toc-head small{font:600 11px 'Zen Kaku Gothic New',sans-serif;letter-spacing:.2em;color:var(--muted)}
.sumibiki .sb-prose .sb-toc-in [data-toc]{display:grid;grid-template-columns:minmax(0,1fr);column-gap:32px}
@media (min-width:700px){.sumibiki .sb-prose .sb-toc-in [data-toc]{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sumibiki .sb-prose .sb-toc-in a{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font:600 15px/1.6 'Shippori Mincho',serif;color:var(--ink);text-decoration:none;background:none;transition:color .25s ease,padding .3s ease}
.sumibiki .sb-prose .sb-toc-in a:hover{color:var(--accent);padding-left:4px}
.sumibiki .sb-prose .sb-toc-in a span{flex:0 0 24px;font:italic 15px 'Newsreader',serif;color:var(--accent)}
.sumibiki .sb-prose .sb-toc-in a.is-current{color:var(--ink)}
@media (max-width:899px){.sumibiki .sb-prose .sb-toc-in{display:flex}}

/* ===== v1.4 言語の切り替え：フッターの列の一つに ===== */
.sb-footer-grid .sb-footer-lang{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;margin:0;padding:0;border:0}
.sb-footer-grid .sb-footer-lang .sb-footer-h{margin:0;font-size:12px;color:var(--inv-ink)}

/* ===== v1.4 技法の図解（sb_zu・sb_heights） ===== */
.sb-zu-svg{max-width:560px;margin:0 auto}
.sb-fig-heights .sb-zu-svg{max-width:600px}
.sb-zu-svg .arw{fill:var(--ink)}
.sb-zu-svg .ar{stroke:var(--ink);stroke-width:1.2;fill:none}
.sb-zu-svg .ar.acc{stroke:#8c4a2a}
html[data-theme="dark"] .sb-zu-svg .ar.acc{stroke:#d9a27f}
.sb-zu-svg .ln{stroke:var(--ink);stroke-width:1.2;fill:none}
.sb-zu-svg .ln2{stroke:var(--muted);stroke-width:.7;fill:none}
.sb-zu-svg .ld{stroke:var(--muted);stroke-width:.7;fill:none}
.sb-zu-svg .paper,.sb-zu-svg .paper2{fill:var(--bg);stroke:var(--ink);stroke-width:1}
.sb-zu-svg .paper2{fill:var(--land)}
.sb-zu-svg .paper-o{fill:none;stroke:#8c4a2a;stroke-width:1;stroke-dasharray:3 3}
.sb-zu-svg .ghost{fill:none;stroke:#8c4a2a;stroke-width:1.1;stroke-dasharray:4 3}
html[data-theme="dark"] .sb-zu-svg .ghost,html[data-theme="dark"] .sb-zu-svg .paper-o{stroke:#d9a27f}
.sb-zu-svg .brk{fill:var(--land);stroke:none}
.sb-zu-svg .brk-h{fill:rgba(140,74,42,.55)}
html[data-theme="dark"] .sb-zu-svg .brk-h{fill:rgba(217,162,127,.6)}
.sb-zu-svg .steel rect{fill:var(--ink)}
.sb-zu-svg .brace{stroke:#8c4a2a;stroke-width:1.6;fill:none}
html[data-theme="dark"] .sb-zu-svg .brace{stroke:#d9a27f}
.sb-zu-svg .damper{fill:#8c4a2a}
.sb-zu-svg .iso{fill:#8c4a2a;opacity:.8}
html[data-theme="dark"] .sb-zu-svg .damper,html[data-theme="dark"] .sb-zu-svg .iso{fill:#d9a27f}
.sb-zu-svg .gnd{fill:var(--land)}
.sb-zu-svg .wave{stroke:var(--ink);stroke-width:1.2;fill:none}
.sb-zu-svg .plate{fill:var(--ink)}
.sb-zu-svg .rub{fill:var(--land);stroke:var(--ink);stroke-width:.8}
.sb-zu-svg .stl{stroke:var(--ink);stroke-width:1.4}
.sb-zu-svg .lead{fill:rgba(140,74,42,.6)}
html[data-theme="dark"] .sb-zu-svg .lead{fill:rgba(217,162,127,.7)}
.sb-zu-svg .ring{fill:none;stroke:var(--line);stroke-width:10}
.sb-zu-svg .node{fill:var(--bg);stroke:var(--ink);stroke-width:1.4}
.sb-zu-svg .node.is-hot{fill:#8c4a2a;stroke:#8c4a2a}
html[data-theme="dark"] .sb-zu-svg .node.is-hot{fill:#d9a27f;stroke:#d9a27f}
.sb-zu-svg .wood,.sb-zu-svg .wood2{fill:#e2d3bd;stroke:var(--ink);stroke-width:.8}
.sb-zu-svg .wood2{fill:#d4bf9f}
html[data-theme="dark"] .sb-zu-svg .wood{fill:#5a4c3b}
html[data-theme="dark"] .sb-zu-svg .wood2{fill:#6d5a43}
.sb-zu-svg .key{fill:none;stroke:var(--muted);stroke-width:.6}
.sb-zu-svg .pl1{fill:#cfc8bb}.sb-zu-svg .pl2{fill:#e2ddd3}.sb-zu-svg .pl3{fill:#fbfaf7;stroke:var(--line);stroke-width:.5}
html[data-theme="dark"] .sb-zu-svg .pl1{fill:#57534b}
html[data-theme="dark"] .sb-zu-svg .pl2{fill:#6d685e}
html[data-theme="dark"] .sb-zu-svg .pl3{fill:#8f897d}
.sb-zu-svg .relief{fill:rgba(140,74,42,.18);stroke:#8c4a2a;stroke-width:.8}
.sb-zu-svg .cell{fill:none;stroke:var(--line);stroke-width:1}
.sb-zu-svg .wall{fill:rgba(140,74,42,.35)}
.sb-zu-svg .wrap{fill:#8c4a2a}
html[data-theme="dark"] .sb-zu-svg .wrap{fill:#d9a27f}
.sb-zu-svg .bark{fill:none;stroke:#8c4a2a;stroke-width:3;stroke-linecap:round}
.sb-zu-svg .bark-c{fill:none;stroke:#8c4a2a;stroke-width:3}
.sb-zu-svg .rf{fill:rgba(140,74,42,.22);stroke:var(--ink);stroke-width:.9}
.sb-zu-svg .rf2{fill:rgba(140,74,42,.4);stroke:var(--ink);stroke-width:.9}
.sb-zu-svg .gable{fill:var(--bg);stroke:var(--ink);stroke-width:.9}
.sb-zu-svg .conc{fill:var(--land);stroke:var(--ink);stroke-width:1}
.sb-zu-svg .rebar{stroke:#8c4a2a;stroke-width:3;fill:none}
.sb-zu-svg .sup{fill:var(--ink)}
.sb-zu-svg .hoop{fill:none;stroke:#8c4a2a;stroke-width:1.4}
.sb-zu-svg .bar{fill:#8c4a2a}
html[data-theme="dark"] .sb-zu-svg .rebar,html[data-theme="dark"] .sb-zu-svg .hoop{stroke:#d9a27f}
html[data-theme="dark"] .sb-zu-svg .bar{fill:#d9a27f}
.sb-zu-svg .dim{stroke:var(--ink);stroke-width:.8;fill:none}
.sb-zu-svg .panel{fill:var(--land);stroke:var(--bg);stroke-width:2}
.sb-zu-svg .pcon{fill:var(--bg);stroke:var(--muted);stroke-width:.8}
.sb-zu-svg .post{stroke:#a07c55;stroke-width:6;fill:none}
.sb-zu-svg .beam{stroke:#a07c55;stroke-width:6;fill:none}
.sb-zu-svg .nuki{stroke:#8c4a2a;stroke-width:3;fill:none}
.sb-zu-svg .stone{fill:var(--muted)}
.sb-zu-svg .metal{fill:var(--ink)}
.sb-zu-svg .clt{fill:#e2d3bd;stroke:var(--ink);stroke-width:.8}
.sb-zu-svg .clt2{fill:#d4bf9f;stroke:var(--ink);stroke-width:.8}
.sb-zu-svg .hb{fill:var(--land)}
.sb-zu-svg .hb.is-hot{fill:#8c4a2a}
html[data-theme="dark"] .sb-zu-svg .hb.is-hot{fill:#d9a27f}
.sb-zu-svg .lim{stroke:#8c4a2a;stroke-width:1;stroke-dasharray:5 4;fill:none}
.sb-zu-svg .gl{stroke:var(--ink);stroke-width:1}
.sb-zu-svg text{font-family:'Zen Kaku Gothic New',sans-serif;fill:var(--body)}
.sb-zu-svg text.t{font-size:12px;fill:var(--ink)}
.sb-zu-svg text.s{font-size:11px;fill:var(--body)}
.sb-zu-svg text.f{font-size:10px;fill:var(--muted)}
.sb-zu-svg text.h{font:700 12.5px 'Shippori Mincho',serif;fill:var(--ink)}
.sb-zu-svg text.h.big{font-size:16px;fill:#8c4a2a}
html[data-theme="dark"] .sb-zu-svg text.h.big{fill:#d9a27f}
.sb-zu-svg text.v{font:italic 13px 'Newsreader',serif;fill:var(--ink)}
.sb-zu-svg text.v.hot,.sb-zu-svg text.lim-t{fill:var(--accent)}
.sb-zu-svg text.lim-t{font-size:11px;font-weight:700}
.sb-zu-fo{font:11px/1.55 'Zen Kaku Gothic New',sans-serif;color:var(--body)}
html[lang^="en"] .sb-zu-svg text.h{font-family:'Newsreader',serif;font-style:italic;font-weight:500}
.sumibiki .sb-zu-svg .ln,.sumibiki .sb-zu-svg .ln2,.sumibiki .sb-zu-svg .ld,.sumibiki .sb-zu-svg .ar,.sumibiki .sb-zu-svg .ghost,.sumibiki .sb-zu-svg .brace,.sumibiki .sb-zu-svg .wave,.sumibiki .sb-zu-svg .key,.sumibiki .sb-zu-svg .cell,.sumibiki .sb-zu-svg .bark,.sumibiki .sb-zu-svg .bark-c,.sumibiki .sb-zu-svg .rebar,.sumibiki .sb-zu-svg .hoop,.sumibiki .sb-zu-svg .dim,.sumibiki .sb-zu-svg .post,.sumibiki .sb-zu-svg .beam,.sumibiki .sb-zu-svg .nuki,.sumibiki .sb-zu-svg .lim,.sumibiki .sb-zu-svg .paper-o,.sumibiki .sb-zu-svg .ring{fill:none !important}
.sb-zu-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
@media (max-width:599px){.sb-zu-scroll .sb-zu-svg{min-width:440px}.sb-zu-scroll{margin:0 -6px;padding:0 6px 6px}}

/* ===== v1.4 技法の札とコラムへの導線 ===== */
.sb-col-link>span:not(:last-child){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.sumibiki .sb-col-link+.sb-col-link{margin-top:12px}
.sb-col-link .sb-col-link-ic{flex:0 0 auto;color:var(--ink)}
.sb-pill.has-col .sb-pill-go{font:normal 12px 'Newsreader',serif;margin-left:2px;color:var(--accent);transition:transform .3s ease}
.sb-pill.has-col:hover .sb-pill-go{transform:translateX(3px)}
.sb-tech-colcard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;margin:0 0 clamp(32px,4vw,48px);padding:clamp(20px,3vw,32px);background:var(--panel);border-top:2px solid var(--ink);transition:background-color .3s ease}
html[data-theme="dark"] .sb-tech-colcard{background:var(--soft)}
.sb-tech-colcard:hover{background:var(--land)}
.sb-tech-colcard .t{display:flex;flex-direction:column;gap:6px}
.sb-tech-colcard strong{font:800 clamp(20px,2.4vw,28px)/1.4 'Shippori Mincho',serif}
.sb-tech-colcard .d{font-size:14px;line-height:1.9;color:var(--body)}
.sb-tech-colcard .go{font:italic 28px 'Newsreader',serif;color:var(--accent)}
@media (max-width:599px){.sb-tech-colcard{grid-template-columns:minmax(0,1fr) auto}.sb-tech-colcard>svg{display:none}}
/* SWELLの自動目次は使わない（SUMIBIKIの目次と二重になるため） */
.sumibiki .p-toc{display:none !important}

/* ===== v1.5 言語の切り替え：ヘッダーに置く ===== */
.sb-lang.sb-lang-head{gap:0;padding:2px;border:1px solid var(--line);background:transparent;transition:border-color .3s ease}
.sb-lang.sb-lang-head:hover{border-color:var(--ink)}
.sb-lang-head .sb-lang-btn{min-height:28px;padding:0 10px;font:600 11px/1 'Zen Kaku Gothic New',sans-serif;letter-spacing:.12em;color:var(--muted)}
.sb-lang-head .sb-lang-btn[lang="en"]{font:600 11px/1 'Zen Kaku Gothic New',sans-serif}
.sb-lang-head .sb-lang-btn.is-current{background:var(--ink);color:var(--bg)}
.sb-lang-head a.sb-lang-btn:hover{color:var(--accent)}
.sb-header.is-top:not(.is-scrolled) .sb-lang-head{border-color:var(--line)}
@media (max-width:600px){.sb-header-r{gap:2px}.sb-theme-label{display:none}.sb-theme-btn{padding:0 6px}.sb-lang-head .sb-lang-btn{padding:0 8px}}
@media (max-width:600px){.sb-header{padding:0 12px;grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.sb-header .sb-logo{justify-self:center}.sb-back{font-size:0;gap:0}.sb-back span{font-size:18px}.sb-menu-label{display:none}.sb-logo{font-size:15px;letter-spacing:.22em}.sb-icon-btn{width:36px}}

/* ===== v1.5.1 ヘッダーの丸いボタン（言語・表示モード・検索） ===== */
.sb-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sb-header-r{gap:10px}
.sb-round-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;min-height:0;margin:0;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;overflow:hidden;transition:border-color .3s ease,background-color .3s ease,color .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.sb-round-btn:hover{border-color:var(--ink);transform:translateY(-1px)}
.sb-round-btn:active{transform:scale(.94)}
.sb-round-btn:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.sb-header.is-top:not(.is-scrolled) .sb-round-btn{background:color-mix(in srgb,var(--bg) 60%,transparent)}
/* 表示モード：太陽と月が入れ替わる */
.sb-theme-btn.sb-round-btn svg{grid-area:1/1;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.sb-theme-btn.sb-round-btn .ic-moon{fill:currentColor;stroke:none}
/* ライトモードでは月（押すとダークに）、ダークモードでは太陽（押すとライトに）を出す */
.sb-theme-btn.sb-round-btn .ic-sun{opacity:0;transform:rotate(90deg) scale(.4)}
html[data-theme="dark"] .sb-theme-btn.sb-round-btn .ic-sun{opacity:1;transform:none}
html[data-theme="dark"] .sb-theme-btn.sb-round-btn .ic-moon{opacity:0;transform:rotate(80deg) scale(.4)}
.sb-theme-btn.sb-round-btn:hover .ic-moon{transform:rotate(15deg)}
html[data-theme="dark"] .sb-theme-btn.sb-round-btn:hover .ic-sun{transform:rotate(45deg)}
.sumibiki .sb-theme-btn.sb-round-btn .ic-sun{fill:none !important}
/* 言語：行き先の言語を一つだけ */
.sb-lang.sb-lang-head{display:block;gap:0;padding:0;border:0;background:none}
.sb-lang-round span{font:600 11px/1 'Zen Kaku Gothic New',sans-serif;letter-spacing:.14em;margin-left:.14em;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.sumibiki a.sb-lang-round{color:var(--ink)}
.sb-lang-round:hover{background:var(--ink);border-color:var(--ink)}
.sumibiki a.sb-lang-round:hover{color:var(--bg)}
.sb-lang-round.is-soon{opacity:.45;cursor:default}
/* 検索 */
.sb-icon-btn.sb-round-btn{margin-right:0}
.sb-icon-btn.sb-round-btn svg{width:16px;height:16px}
@media (max-width:600px){.sb-header-r{gap:6px}.sb-round-btn{width:36px;height:36px}.sb-icon-btn.sb-round-btn{width:36px}}

/* ---- v1.7 建築技法ミニ辞典（コラムのグループ） ---- */
.sb-dict-link{color:inherit;text-decoration:none;border-bottom:1px dotted var(--accent);transition:color .25s ease,border-color .25s ease}
.sb-dict-link:hover{color:var(--accent);border-bottom-style:solid}
.sb-groups{display:grid;gap:16px;margin:0 0 clamp(40px,5vw,64px)}
.sb-group-card{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto auto;gap:12px 28px;align-items:center;padding:clamp(22px,3vw,34px);background:var(--panel);border-top:2px solid var(--ink);text-decoration:none;color:inherit;transition:background-color .3s ease}
html[data-theme="dark"] .sb-group-card{background:var(--soft)}
.sb-group-card:hover{background:var(--land)}
.sb-group-card .ic{display:grid;grid-template-columns:repeat(4,26px);gap:8px;color:var(--ink)}
.sb-group-card .t{display:grid;gap:6px}
.sb-group-card strong{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(20px,2.4vw,26px);letter-spacing:.06em;color:var(--ink)}
.sb-group-card .d{font-size:13px;line-height:1.9;color:var(--body)}
.sb-group-card .n{font-size:12px;letter-spacing:.14em;color:var(--muted);white-space:nowrap}
.sb-group-card .go{font:normal 20px 'Newsreader',serif;color:var(--accent);transition:transform .3s ease}
.sb-group-card:hover .go{transform:translateX(4px)}
.sb-dict-groups{display:grid;gap:clamp(40px,6vw,80px)}
.sb-dict-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr}
.sb-dict-list li{border-bottom:1px solid var(--line)}
.sb-dict-list:first-child li:first-child{border-top:2px solid var(--ink)}
.sb-dict-list a{display:grid;grid-template-columns:44px minmax(0,22em) minmax(0,1fr);gap:8px 24px;align-items:center;padding:22px 4px;text-decoration:none;color:inherit;transition:background-color .25s ease,padding-left .25s ease}
.sb-dict-list a:hover{background:var(--hover);padding-left:12px}
.sb-dict-list .ic{display:grid;place-items:center;color:var(--ink)}
.sb-dict-list .t{font-family:'Shippori Mincho',serif;font-weight:700;font-size:17px;line-height:1.7;letter-spacing:.04em;color:var(--ink)}
.sb-dict-list .d{font-size:13px;line-height:1.9;color:var(--body)}
@media (max-width:820px){.sb-group-card{grid-template-columns:1fr auto;gap:12px}.sb-group-card .ic{grid-column:1/-1}.sb-group-card .n{display:none}.sb-dict-list a{grid-template-columns:36px minmax(0,1fr);gap:6px 14px}.sb-dict-list .d{grid-column:2}}

/* ---- v1.8 ロゴ（ロゴガイド Ver. 1.0） ---- */
.sb-sym{--sym-ink:var(--ink);--sym-acc:var(--accent);--sym-bg:var(--bg);--sym-guide:#b9b3a7;overflow:visible;flex:none}
html[data-theme="dark"] .sb-sym{--sym-guide:#5a564f}
.sb-sym .k{stroke:var(--sym-ink)}
.sb-sym .kf{fill:var(--sym-ink)}
.sb-sym .a{stroke:var(--sym-acc)}
.sb-sym .af{fill:var(--sym-acc)}
.sb-sym .b{stroke:var(--sym-bg)}
.sb-sym .g{stroke:var(--sym-guide)}
.sb-logo{display:inline-flex;align-items:center;gap:12px;font:22px/1 'Newsreader',serif;letter-spacing:.2em;padding-left:0;color:var(--ink)}
.sb-logo span{padding-left:.2em}
.sb-footer .sb-sym{--sym-ink:var(--inv-ink);--sym-acc:var(--inv-accent);--sym-bg:var(--inv);--sym-guide:var(--inv-line)}
.sb-footer-sym{display:flex;justify-content:center;margin-top:clamp(48px,8vw,112px)}
.sb-footer-sym + .sb-footer-mark{margin-top:clamp(24px,3vw,40px)}
@media (max-width:600px){.sb-logo{font-size:15px;letter-spacing:.16em;gap:8px}.sb-logo svg{width:22px;height:22px}.sb-footer-sym svg{width:80px;height:80px}}

/* v1.8.3 アイキャッチに種類ラベルが入ったので、スライドの札は隠す */
.sb-slide-kind{display:none}
/* v1.8.4 404 */
.sb-404-num{margin:8px 0 0;font:italic 200 clamp(120px,22vw,320px)/.9 'Newsreader',serif;letter-spacing:-.04em;color:var(--line)}
.sb-404-search{display:flex;max-width:560px;margin-top:36px;border-bottom:1px solid var(--ink)}
.sb-404-search input{flex:1;min-width:0;padding:14px 0;border:0;background:none;color:var(--ink);font-size:15px;outline:none}
.sb-404-search button{padding:0 4px 0 16px;border:0;background:none;color:var(--ink);font-size:13px;letter-spacing:.12em;cursor:pointer}
.sb-404-search button:hover{color:var(--accent)}
.sb-404-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:36px}