/* v1.8: mobile search/radar/swipe guidance; short oripa copy and total highlight at all widths. */
:root{--ink:#111;--muted:#62625e;--line:#c8c8c3;--paper:#fff;--panel:#f7f7f4;--accent:#ffd400;--gutter:12px;--content:1200px;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ink);font-size:16px;line-height:1.5}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-width:0;background:#fff}
html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}
figure,h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%;height:auto}button,a,input{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}:focus-visible{outline:2px solid #111;outline-offset:3px}
.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.page-shell,.page-main,.page-main>*,.feature-row,.feature-row>*,.evaluation-layout,.evaluation-layout>*,.oripa-layout>*,.portal-grid>*,.spotlight,.spotlight-list,.spotlight-card{min-width:0}
.site-header{min-height:64px;padding-block:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--accent);background:#fff;position:relative}
.site-header,.site-footer{padding-inline:max(var(--gutter),calc((100% - var(--content))/2))}
.brand-link{flex:none;display:grid;align-items:center;min-height:44px}
.brand-logo{display:block;width:144px;aspect-ratio:1710/400}.brand-logo svg{width:100%;height:100%}
.menu-button{min-width:80px;min-height:44px;border:1px solid #d6b500;border-radius:6px;background:var(--accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px}
.menu-button>span:not(.ledger-badge){font-size:20px;line-height:1}
.quick-nav{display:none;align-items:center;gap:14px;font-size:12px;font-weight:700;white-space:nowrap}
.quick-nav a{display:flex;align-items:center;min-height:44px}
.mobile-drawer{position:absolute;top:100%;left:var(--gutter);right:var(--gutter);padding:16px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 20px #0002;z-index:20}
.drawer-heading{display:flex;align-items:center;justify-content:space-between}.drawer-heading button{width:44px;height:44px;border:1px solid var(--line);background:#fff;font-size:24px}
.drawer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.drawer-nav a{min-height:48px;display:flex;align-items:center;padding:8px;border:1px solid var(--line);font-size:13px}
.page-main{width:min(calc(100% - var(--gutter)*2),var(--content));margin:16px auto 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.search-panel{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff}
.search-icon{width:20px;justify-self:center}.search-field{min-width:0}.search-field input{display:block;min-width:0;width:100%;height:44px;padding:6px 2px;border:0;background:#fff;font-size:16px;border-radius:4px}.search-field input::placeholder{color:var(--muted);opacity:1}
.search-submit{grid-column:1/-1;min-height:44px;padding:8px 14px;border:1px solid #a3a39c;background:#efefeb;border-radius:4px;font-size:14px;font-weight:700;white-space:nowrap}
.feature-row,.feature-side{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.wire-panel{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.evaluation-panel{border-color:#989891;background:#fafaf7}
.evaluation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"heading heading" "card overview" "metrics metrics";gap:12px;align-items:stretch}
.evaluation-heading{grid-area:heading}.evaluation-heading h2{font-size:20px;line-height:1.4;font-weight:800}.evaluation-heading p{font-size:13px;line-height:1.55;margin-top:4px}
.evaluation-card-link{grid-area:card;display:block;justify-self:center;width:min(100%,clamp(144px,calc(40vw - 12px),228px));align-self:start}
.slab-host{display:block;width:100%;min-width:0}.slab{line-height:normal}.slab-label{font-family:"Yu Gothic UI",Meiryo,sans-serif}.slab-label .label-copy small:empty{display:none}
.evaluation-overview{grid-area:overview;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0}
.market-price{padding:8px 10px;border:1px solid var(--line);background:#fff;border-radius:5px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;width:100%;max-width:240px;align-self:center}
.market-price>span:not(.ledger-badge){font-size:12px;font-weight:700}.market-price>strong{font-family:Arial,Meiryo,sans-serif;font-size:clamp(20px,5.6vw,24px);line-height:1.4;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.radar{width:100%;max-width:240px;min-width:0;align-self:center}.radar svg{width:100%;height:auto;overflow:visible}
.radar-grid polygon,.radar-grid line{fill:none;stroke:#babbb5;stroke-width:1}.radar-value{fill:#e1e1d9;stroke:#67685f;stroke-width:1.5}.radar-labels text{font-weight:600;fill:#222;font-size:var(--radar-label-size,15px)}
.metric-grid{grid-area:metrics;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.metric-card{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:center;min-width:0;min-height:52px;padding:7px 8px;border:1px solid var(--line);border-radius:5px;background:#fff}
.metric-card>span:not(.metric-icon):not(.ledger-badge){display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px}.metric-card b{font-size:12px;line-height:1.3;font-weight:600}.metric-card strong{font:700 24px/1.2 Arial,Meiryo,sans-serif;font-variant-numeric:tabular-nums}.metric-icon img{width:20px;height:20px}.metric-total{grid-template-columns:minmax(0,1fr)}
.panel-cta{display:flex;min-height:48px;align-items:center;justify-content:center;gap:12px;position:relative;margin-top:12px;padding:10px 30px;border:1px solid #9b9b93;border-radius:5px;background:#ecece6;font-size:14px;line-height:1.4;font-weight:700;white-space:nowrap}.panel-cta>span:not(.ledger-badge){position:absolute;right:12px;font-size:24px;font-weight:400}
.oripa-panel{background:#272727;color:#fff;border-color:#272727}.oripa-layout{display:grid;gap:14px}.oripa-copy h2{font-size:18px;line-height:1.4;display:flex;align-items:center;gap:8px;font-weight:800}.oripa-title-icon{width:26px;flex:none}.oripa-title-icon img{width:100%;filter:grayscale(1) brightness(0) invert(1)}
.oripa-tags{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}.oripa-tags span{font:600 12px/1.4 Arial,Meiryo,sans-serif;padding:4px 6px;border:1px solid #777;border-radius:3px;color:#eee}
.oripa-copy p{font-size:13px;line-height:1.65;color:#eee}.oripa-flow{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr);gap:3px;align-items:center}
.oripa-step{display:grid;gap:6px;min-width:0;text-align:center}.oripa-step>b{font-size:12px}.flow-card{display:grid;place-items:center;min-height:66px;background:#f4f4f0;border:1px solid #c8c8c3;border-radius:4px;color:#444;font-size:18px;font-weight:700}.oripa-step small{font-size:12px;line-height:1.4;white-space:nowrap}.flow-arrow{font-size:22px;text-align:center;color:#ddd}
.panel-cta-dark{background:#f0f0e9;color:#111;margin-top:14px}.oripa-panel :focus-visible{outline-color:#fff}
.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.portal-card{display:grid;grid-template-columns:24px minmax(0,1fr) 10px;grid-template-rows:auto auto;gap:8px 6px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff;min-height:108px}
.portal-card>img{grid-column:1;grid-row:1;width:24px;height:24px;filter:grayscale(1)}.portal-card>span{display:contents}.portal-card b{grid-column:2/4;grid-row:1;font-size:12px;line-height:1.4;font-weight:700}.portal-card small{grid-column:1/-1;grid-row:2;padding-right:12px;font-size:12px;line-height:1.5}.portal-card i{grid-column:3;grid-row:2;font-size:23px;font-style:normal}
.spotlight-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.spotlight-heading h2{font-size:16px;font-weight:800;line-height:1.4}.spotlight-heading>a{display:flex;align-items:center;min-height:44px;font-size:12px;white-space:nowrap;gap:4px}
.spotlight-list{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:1px 1px 10px;scrollbar-color:#b3b3ac #efefeb;scrollbar-width:thin}
.spotlight-card{flex:0 0 150px;border:1px solid var(--line);border-radius:6px;scroll-snap-align:start;background:#fff}
.spotlight-card>a{height:100%;display:flex;flex-direction:column;gap:6px;padding:8px}
.spotlight-image{display:block;width:100%;min-width:0}.spotlight-card>a>strong{font-size:13px;line-height:1.45;font-weight:700;overflow-wrap:anywhere;min-height:3.9em}
.spotlight-number{font-size:12px;line-height:1.4;min-height:2.8em;overflow-wrap:anywhere}.spotlight-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:2px}.spotlight-meta>b{font:bold 20px/1.2 Arial,Meiryo,sans-serif;font-variant-numeric:tabular-nums}.spotlight-meta>em{font:700 12px/1.4 Arial,Meiryo,sans-serif;padding:3px 6px;background:#292929;color:#fff;border-radius:4px;white-space:nowrap}
.spotlight-empty{border:1px dashed var(--line);padding:24px;font-size:14px}
.spotlight-swipe-hint{display:none}
.metric-card.metric-total{background:var(--accent);border-color:#d6b500;color:var(--ink)}
.site-footer{background:#171717;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:24px}
.footer-brand{display:grid;align-items:center;min-height:44px;padding:5px 8px;background:#fff;border-radius:4px}.footer-brand>span:not(.ledger-badge){display:block;width:140px;aspect-ratio:1710/400}.footer-brand svg{width:100%;height:100%}
.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;width:100%}.footer-links a{min-height:44px;display:flex;align-items:center;font-size:12px}
.site-footer>small{width:100%;font-size:10px;line-height:1.5;color:#ddd}.site-footer :focus-visible{outline-color:#fff}
/* ID labels only: overlays never participate in measured layout. */
[data-ledger-id]:not(.screen-reader-only):not(.mobile-drawer){position:relative}.ledger-badge{position:absolute;inset:0 auto auto 0;z-index:6;background:#173c57;color:#fff;font:8px/1.15 Arial,sans-serif!important;padding:2px!important;border:0!important;max-width:100%;overflow:hidden;white-space:nowrap;pointer-events:none;opacity:.92}.id-mode [data-ledger-id]{outline:1px dashed #6591af;outline-offset:-1px}.id-mode .ledger-badge{display:block!important}.ledger-badge{display:none!important}
@media(min-width:360px){:root{--gutter:16px}.brand-logo{width:154px}.portal-card b{font-size:13px}}
@media(max-width:359px){.metric-card{grid-template-columns:16px minmax(0,1fr);padding-inline:6px;gap:4px}.metric-total{grid-template-columns:minmax(0,1fr)}.metric-card>span:not(.metric-icon):not(.ledger-badge){gap:4px}.metric-icon img{width:16px;height:16px}}
@media(max-width:767px){
 .evaluation-overview{justify-content:flex-start;gap:6px}
 .evaluation-card-link{align-self:center}
 .market-price{padding-block:6px;gap:4px}
 .radar{max-width:150px}
 .metric-grid{row-gap:6px}
 .metric-card{min-height:44px;padding-block:4px}
 .metric-card strong{font-size:22px}
 .spotlight-card>a{gap:4px}
 .spotlight-card>a>strong{line-height:1.4;min-height:2.8em}
 .spotlight-number{font-size:11px;min-height:1.4em;color:var(--muted)}
 .spotlight-meta{gap:4px;padding-top:0}
 .spotlight-meta>b{font-size:18px}
 .spotlight-heading{margin-bottom:4px}
 .spotlight-swipe-hint{display:block;margin:0 0 6px;text-align:right;font-size:12px;line-height:1.5;color:var(--muted)}
 .spotlight-swipe-hint>span{margin-left:4px}
}
@media(max-width:767px){
 .search-panel{grid-template-columns:24px minmax(0,1fr) 64px}
 .search-submit{grid-column:auto;padding-inline:8px}
 .search-submit-prefix{display:none}
}
@media(min-width:768px){
 :root{--gutter:24px}.site-header{min-height:72px;padding-block:13px}.brand-logo{width:171px}.menu-button{min-width:88px}
 .page-main{margin-block:24px 32px;gap:24px}.search-panel{grid-template-columns:24px minmax(0,1fr) auto}.search-submit{grid-column:auto;min-width:140px;min-height:44px}
 .wire-panel{padding:18px}.feature-row,.feature-side{gap:16px}.evaluation-layout{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"card heading" "card overview" "metrics metrics";column-gap:20px;row-gap:16px;grid-template-rows:auto 1fr auto}
 .evaluation-card-link{width:200px}.evaluation-heading h2{font-size:24px}.evaluation-heading p{font-size:14px;margin-top:6px}
 .evaluation-overview{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,240px);align-items:center;justify-content:initial;gap:16px}
 .market-price{padding:14px 12px;align-items:center;min-height:100px}.market-price>span{font-size:14px}.market-price>strong{font-size:28px}.radar{max-width:240px}
 .metric-grid{grid-template-columns:repeat(6,minmax(max-content,1fr));gap:6px}.metric-card{min-height:64px;padding:8px 6px;gap:6px;grid-template-columns:max-content max-content;justify-content:center}.metric-card>span:not(.metric-icon):not(.ledger-badge){display:contents}.metric-card .metric-icon{grid-row:2;grid-column:1;justify-self:end}.metric-card strong{grid-row:2;grid-column:2;justify-self:start}.metric-total{grid-template-columns:max-content}.metric-total strong{grid-column:1;justify-self:center}.metric-card b{grid-column:1/-1;grid-row:1;font-size:16px;min-height:31.2px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.metric-card b br{display:none}
 .panel-cta{margin-top:16px}.oripa-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.oripa-copy h2{font-size:22px}.oripa-copy p{font-size:14px}.flow-card{min-height:88px}.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-card{min-height:110px;padding:12px}.portal-card b{font-size:13px}
 .spotlight-heading h2{font-size:20px}.spotlight-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:16px;padding:0}.spotlight-card{min-width:0}.spotlight-card>a{padding:12px}.spotlight-card>a>strong{min-height:2.9em}.spotlight-image{width:160px;max-width:100%;align-self:center}.spotlight-number{min-height:1.4em}.spotlight-meta>b{font-size:22px}
 .footer-links{width:auto}.site-footer>small{text-align:center}
}
@media(min-width:960px){
 .metric-card{padding-inline:4px;column-gap:4px}.metric-card b{font-size:14px}.metric-icon img{width:16px;height:16px}
 .quick-nav{display:flex}.menu-button{display:none}.mobile-drawer{display:none!important}
 .feature-row{grid-template-columns:minmax(0,5fr) minmax(0,3fr)}.evaluation-overview{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:12px}.market-price>strong{font-size:20px}
 .oripa-layout{grid-template-columns:minmax(0,1fr);gap:16px}.oripa-copy h2{font-size:20px}.oripa-copy p{font-size:13px}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-card{min-height:90px;padding:10px}.oripa-panel .flow-card{min-height:66px}
 .spotlight-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.spotlight-card>a{padding:8px}.spotlight-card>a>strong{min-height:4.35em}.spotlight-number{min-height:2.8em}.spotlight-meta>b{font-size:20px}
}
@media(min-width:1200px){
 .metric-card{padding-inline:6px;column-gap:6px}.metric-card b{font-size:16px}.metric-icon img{width:20px;height:20px}
 .quick-nav{gap:22px}.feature-row{grid-template-columns:minmax(0,1.96fr) minmax(0,1fr)}.evaluation-layout{grid-template-columns:210px minmax(0,1fr)}.evaluation-card-link{width:210px}.evaluation-overview{grid-template-columns:minmax(120px,1fr) minmax(0,270px)}.radar{max-width:270px}.market-price>strong{font-size:28px}
 .spotlight-card>a{padding:10px}.spotlight-image{width:160px}.spotlight-card>a>strong{min-height:2.9em}
}
/* v1.11: equal metric frames; labels may shrink, icons and values do not. */
@media(min-width:768px){
 .evaluation-panel .metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .evaluation-panel .metric-card{grid-template-columns:minmax(0,1fr) minmax(42px,1fr);justify-content:stretch}
 .evaluation-panel .metric-total{grid-template-columns:minmax(0,1fr)}
 .evaluation-panel .metric-icon img{width:20px;height:20px;max-width:none}
 .evaluation-panel .metric-card strong{font-size:24px;line-height:1.2}
 .evaluation-panel .metric-card b{min-width:0;font-size:14px;white-space:nowrap}
 .evaluation-panel .metric-prem b{font-size:12px}
}
@media(min-width:960px){
 .evaluation-panel .metric-card{padding-inline:2px}
 .evaluation-panel .metric-card b{font-size:12px}
 .evaluation-panel .metric-prem b{font-size:10px}
}
@media(min-width:1200px){
 .evaluation-panel .metric-card{padding-inline:6px}
 .evaluation-panel .metric-card b{font-size:16px}
 .evaluation-panel .metric-prem b{font-size:13px}
}