/* top-v2.6/approved-source/assets/slab-component.css */
/* One geometric contract. Track fractions sum to 800 and 1350 respectively.
   Decoration uses outlines/shadows, never subtracting from the measured tracks. */
.slab{container-type:inline-size;position:relative;isolation:isolate;display:grid;width:100%;aspect-ratio:800/1350;grid-template-columns:minmax(0,65fr) minmax(0,670fr) minmax(0,65fr);grid-template-rows:minmax(0,340fr) minmax(0,938fr) minmax(0,72fr);border-radius:4%;background:linear-gradient(108deg,#fcfdfdee 0%,#dce3e6b8 3%,#ffffffea 5%,#e4eaed7a 9%,#fcfdfdaa 16%,#e5e9eb8a 84%,#fff 94%,#d6dfe2d9 98%,#fff 100%);box-shadow:inset 0 0 0 1px #8d999d,inset 0 0 0 3px #fff,0 4px 9px #1c262816}
.slab::before{content:"";position:absolute;inset:1.2% 2%;border-radius:3%;box-shadow:inset 0 0 0 1px #adb9bd,0 0 0 1px #ffffffbf;pointer-events:none;z-index:-1}
.slab::after{content:"";position:absolute;inset:2.25% 3.65%;border-radius:2.5%;box-shadow:inset 0 0 0 1px #b5c0c488,0 0 0 1px #ffffffd6;pointer-events:none;z-index:-1}
.slab-label-region{grid-column:1/-1;grid-row:1;display:grid;grid-template-rows:minmax(0,58fr) minmax(0,200fr) minmax(0,82fr);padding-inline:7%;min-height:0}
.slab-label{grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 24%;align-items:center;padding:3.5% 4%;min-height:0;outline:1.05cqw solid #c92230;outline-offset:-1.05cqw;border-radius:1.5cqw;background:#fff;box-shadow:0 0 0 .6cqw #cbd2d6,0 0 0 1cqw #fff}
.label-copy{min-width:0;display:flex;flex-direction:column;gap:1.5cqw}
.label-copy span{font-size:3.7cqw;line-height:1.15;font-weight:700;letter-spacing:.05em}
.label-copy strong{font-size:3.4cqw;line-height:1.15;white-space:nowrap;letter-spacing:-.02em}
.label-copy small{font-size:2.7cqw;line-height:1.15;letter-spacing:.1em;color:#50555a}
.label-grade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;min-height:0;box-shadow:-1px 0 #d3d7d9}
.label-grade span{font-family:Arial,sans-serif;font-weight:700;font-size:3.1cqw;line-height:1;white-space:nowrap}
.label-grade strong{font-family:Arial,sans-serif;font-weight:700;font-size:10.2cqw;line-height:1}
.case-neck{grid-row:3;display:grid;grid-template-columns:1fr 16% 1fr;align-items:center;gap:3%;padding-inline:7%}
.case-neck span{height:1.4cqw;box-shadow:0 1px #fff,inset 0 1px #b3bec26b;border-radius:2px;background:#dfe5e752}
.case-neck i{width:100%;aspect-ratio:2.3;border-radius:1cqw;box-shadow:inset 0 0 0 1px #b5c0c455,0 1px #fff;background:linear-gradient(150deg,#fff9,#dce4e74d)}
.card-pocket{grid-column:2;grid-row:2;position:relative;min-height:0;min-width:0;background:#f4f5f4;outline:1px solid #aebbbe;border-radius:1.8cqw;box-shadow:0 0 0 .65cqw #fffffff0,0 0 0 1.2cqw #c3ced2a1,0 0 0 1.65cqw #ffffffad}
.mount{position:relative;width:100%;height:100%;overflow:hidden}
.mount img{position:absolute;display:block;max-width:none;opacity:0}
.mount[data-ready="true"] img{opacity:1}


/* top-v2.6/approved-source/wireframe.css */
/* 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}
}


/* top-v2.6/approved-source/header-footer.css */
/* Approved shared header/footer v1.4. Scoped adapter; TOP wireframe.css stays byte-identical. */
.hf-component {
  --accent:#FFD400; --ink:#111111; --muted:#62625E; --line:#E2E2DC;
  --paper:#fff; --canvas:#F3F3F1; --dark:#171717; --gutter:16px; --focus:#175FCA;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;
  font-size:14px; line-height:1.6; color:var(--ink);
}
:where(.hf-component) button {font:inherit; color:inherit; cursor:pointer}
.hf-component button,.hf-component nav a {min-height:44px}
.hf-component :focus-visible {outline:3px solid var(--focus); outline-offset:3px}
.hf-site-footer :focus-visible {outline-color:#fff}
.hf-common-container {width:min(1200px,calc(100% - var(--gutter)*2)); margin-inline:auto}
.hf-site-header {background:var(--paper); border-bottom:2px solid var(--accent)}
.hf-header-inner {min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:24px}
.hf-header-brand {display:flex; align-items:center; min-height:44px; flex:none}
.hf-logo-window {display:block; width:154px; aspect-ratio:1710/400}
.hf-logo-window svg {display:block; width:100%; height:100%; overflow:hidden}
.hf-quick-nav {display:none; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:0 20px}
.hf-quick-nav a {display:flex; align-items:center; padding-block:8px; font-size:12px; font-weight:700; white-space:nowrap}
.hf-quick-nav a[aria-current="page"] {box-shadow:inset 0 -3px var(--accent)}
.hf-quick-nav a:hover {color:#595018}
.hf-menu-toggle {min-width:92px; display:flex; align-items:center; justify-content:center; gap:8px; padding:8px 12px; border:1px solid #D6B500; border-radius:6px; background:var(--accent); font-size:12px; font-weight:700}
.hf-menu-glyph {font-size:18px; line-height:1}
.hf-site-menu {width:min(520px,calc(100% - 32px)); max-height:calc(100dvh - 32px); padding:24px 16px 16px; margin:auto; border:1px solid #B8B8B1; border-radius:8px; background:var(--paper); color:var(--ink); overflow:auto}
.hf-site-menu::backdrop {background:rgb(17 17 17 / .40)}
html[data-menu-open="1"] {overflow:hidden}
.hf-menu-heading {display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px}
.hf-menu-heading h2 {margin:0; font-size:18px}
.hf-menu-close {padding:8px 12px; min-width:88px; border:1px solid #B8B8B1; border-radius:6px; background:var(--paper); font-size:14px}
.hf-menu-close span:not(.ledger-badge) {font-size:18px; margin-left:6px}
.hf-drawer-nav {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.hf-drawer-nav a {display:flex; align-items:center; padding:10px 8px; min-height:64px; border:1px solid var(--line); border-radius:4px; overflow-wrap:anywhere; font-size:13px; font-weight:600; line-height:1.5}
.hf-drawer-nav a[aria-current="page"] {background:#FFF9D9; box-shadow:inset 3px 0 var(--accent)}
.hf-drawer-nav a:hover {background:var(--canvas)}
.hf-site-footer {background:var(--dark); color:#fff}
.hf-footer-inner {padding-block:8px; display:grid; grid-template-columns:100px minmax(0,1fr); gap:0 8px; align-items:center}
.hf-footer-brand {display:flex; justify-content:center; align-items:center; padding:0; min-height:44px; width:100px; background:transparent}
.hf-footer-brand .hf-logo-window {width:100px}
.hf-policy-nav {display:flex; align-items:center; justify-content:flex-end; flex-direction:row; flex-wrap:wrap; gap:0 8px; min-width:0}
.hf-policy-nav a {display:flex; align-items:center; font-size:11px; font-weight:400; line-height:1.4; padding-block:8px; white-space:nowrap; color:#A6A6A6}
.hf-policy-nav a:hover {text-decoration:underline; text-underline-offset:4px}
.hf-copyright {grid-column:1/-1; font-size:10px; line-height:1.2; color:#A6A6A6}
/* ID annotations only use absolute positioning; they do not participate in layout. */
.hf-component[data-ledger-id],.hf-component [data-ledger-id] {position:relative}
.hf-component .ledger-badge {position:absolute; z-index:2; top:0; left:0; display:block; max-width:none; white-space:nowrap; padding:0 3px; border:1px solid #929BB7; border-radius:2px; background:#F0F3FF; color:#182B57; font:8px/10px Consolas,monospace; pointer-events:none; opacity:0}
.id-mode .hf-component .ledger-badge {opacity:1}
.hf-site-header > .ledger-badge,.hf-site-footer > .ledger-badge {left:2px}
.hf-header-brand > .ledger-badge,.hf-footer-brand > .ledger-badge {top:auto; bottom:-8px}
.hf-site-footer .ledger-badge {font:8px/8px Consolas,monospace}
.hf-footer-brand > .ledger-badge {left:0; bottom:1px}
.hf-footer-brand .hf-logo-window > .ledger-badge {top:-10px; left:40px}
.hf-logo-window > .ledger-badge {top:-9px}
.hf-header-brand .hf-logo-window > .ledger-badge {left:70px}
.hf-quick-nav > .ledger-badge,.hf-policy-nav > .ledger-badge,.hf-drawer-nav > .ledger-badge {top:-12px}
.hf-drawer-nav > .ledger-badge {top:-20px}
.hf-quick-nav a > .ledger-badge {top:auto; bottom:0}
.hf-quick-nav a:nth-child(5) > .ledger-badge {left:-2px}
.hf-menu-toggle > .ledger-badge {top:-10px}
.hf-policy-nav a > .ledger-badge {top:auto; bottom:1px}
.hf-copyright > .ledger-badge {top:-10px}
.hf-policy-nav > .ledger-badge {top:0}
.hf-copyright > .ledger-badge {top:0; left:170px}
.hf-drawer-nav a > .ledger-badge {top:-5px}
.hf-menu-close > .ledger-badge {top:-10px}
.hf-site-menu > .ledger-badge {top:2px}
/* Keep the brand and all three policy links in one row at narrow mobile widths. */
@media(max-width:389px) {
  .hf-policy-nav {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:0 4px}
  .hf-policy-nav a {min-width:44px; flex:none; padding-block:6px; font-size:10px; white-space:nowrap; justify-content:center; text-align:center}
  .hf-policy-nav a wbr {display:none}
  .hf-policy-nav > .ledger-badge {top:-8px}
  .hf-policy-nav a > .ledger-badge {top:-20px; bottom:auto; padding-inline:1px}
}
/* Requested narrow-footer exception. Other content remains at least10px. */
@media(max-width:359px) {
  .hf-policy-nav a {font-size:8px}
}
@media(min-width:768px) {
  .hf-component {--gutter:24px}
  .hf-header-inner {min-height:70px}
  .hf-header-brand .hf-logo-window {width:171px}
  .hf-footer-brand {width:138px}
  .hf-footer-brand .hf-logo-window {width:138px}
  .hf-footer-inner {grid-template-columns:138px auto minmax(0,1fr); gap:0 24px}
  .hf-policy-nav {justify-content:flex-start; gap:0 20px}
  .hf-copyright {grid-column:auto; text-align:right}
  .hf-footer-brand > .ledger-badge {bottom:-7px}
  .hf-copyright > .ledger-badge {top:16px; left:auto; right:0}
}
/* Common navigation threshold; v1.3 checks 959/960/961 and the legacy 1024 boundary. */
@media(min-width:960px) {
  .hf-quick-nav {display:flex}
  .hf-menu-toggle {display:none}
}

/* ID-only adapter: preserve TOP's canonical29 common IDs; close keeps its existing unnumbered control. */
.id-mode .hf-component[data-ledger-id],.id-mode .hf-component [data-ledger-id] {outline:none}
.hf-component .ledger-badge {font:8px/10px Consolas,monospace!important;padding:0 3px!important;border:1px solid #929BB7!important;overflow:visible}
.hf-site-footer .ledger-badge {font:8px/8px Consolas,monospace!important}
/* The page-level annotation uses the existing gap, not the common header's ID location. */
.id-mode .page-shell > .ledger-badge {top:64px}
@media(min-width:768px){.id-mode .page-shell > .ledger-badge {top:72px}}


/* top-v2.6/approved-source/visual.css */
/* TOP visual v2.2. Structure: approved wireframe v1.11.
   No layout, font-size, spacing or breakpoint overrides for page frames.
   Header/footer and PSA slab keep their approved component styles. */
.visual-page .page-main {
  --ink: #111111;
  --muted: #62625E;
  --line: #E2E2DC;
  --paper: #FFFFFF;
  --panel: #FAFAF7;
  --accent: #FFD400;
  --line-dark: #B8B8B1;
  --line-accent: #D6B500;
  --warm: #FFFCED;
  --soft-yellow: #FFF9D9;
  --dark: #171717;
  --cta-fill: linear-gradient(180deg,#FFDC28 0%,#FFD400 58%,#F0C900 100%);
}
.visual-page .search-panel {
  border-color: var(--line-dark);
  background: var(--paper);
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.visual-page .search-panel:focus-within { border-color: var(--ink); }
.visual-page .search-submit,
.visual-page .panel-cta {
  color: var(--ink);
  border-color: var(--line-accent);
  border-radius: 6px;
  background: var(--cta-fill);
  box-shadow: 0 1px 2px rgba(48,39,0,.06);
}
.visual-page .evaluation-panel {
  background: linear-gradient(145deg,#FFFCED 0%,#FFF9D9 100%);
  border-color: var(--line-accent);
  box-shadow: 0 4px 14px rgba(48,39,0,.06);
}
.visual-page .evaluation-heading p { color: var(--muted); }
.visual-page .market-price {
  border-color: var(--line);
  border-radius: 6px;
  background: var(--paper);
  box-shadow: 0 1px 2px rgba(0,0,0,.025);
}
.visual-page .market-price > span:not(.ledger-badge) { color: var(--muted); }
.visual-page .market-price > strong { color: var(--ink); }
.visual-page .radar-grid polygon,
.visual-page .radar-grid line { stroke: #C7C6B8; }
.visual-page .radar-value { fill: rgba(255,212,0,.40); stroke: #111111; stroke-opacity: .68; }
.visual-page .radar-labels text { fill: #33332F; }
.visual-page .metric-card {
  background: var(--paper);
  border-color: var(--line);
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0,0,0,.025);
}
.visual-page .metric-card b { color: var(--muted); }
.visual-page .metric-card strong { color: var(--ink); }
.visual-page .metric-card.metric-total {
  color: var(--ink);
  background: var(--accent);
  border-color: var(--line-accent);
}
.visual-page .metric-total b { color: var(--ink); }
.visual-page .oripa-panel {
  background: var(--dark);
  border-color: var(--dark);
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.visual-page .oripa-title-icon img,
.visual-page .portal-card > img { filter: none; }
.visual-page .oripa-copy p,
.visual-page .oripa-step small { color: #E2E2DC; }
.visual-page .oripa-tags span {
  color: var(--accent);
  border-color: #74746B;
  background: transparent;
}
.visual-page .flow-card {
  color: var(--ink);
  background: var(--paper);
  border-color: var(--line);
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
  position: relative;
}
.visual-page .flow-arrow { color: var(--accent); }
/* Existing rc20 box/capsule/result motifs, fitted inside the unchanged diagram slots.
   This is an illustration-only adapter, not a simulation or data connection. */
.visual-page .flow-select::before {
  content: "";
  width: 30px;
  height: 38px;
  border: 3px solid #111111;
  background: #111111;
  box-shadow: 5px -5px 0 -2px #FFFFFF,5px -5px 0 1px #111111;
  transform: skewY(12deg);
}
.visual-page .flow-select i {
  position: absolute;
  color: #FFFFFF;
  font: 700 26px/1 Arial,sans-serif;
}
.visual-page .flow-gacha::before {
  content: "";
  width: 39px;
  height: 39px;
  border: 3px solid #111111;
  border-radius: 50%;
  background: linear-gradient(180deg,#FFFFFF 0 48%,#FFD400 49% 100%);
}
.visual-page .flow-gacha i {
  position: absolute;
  width: 9px;
  height: 9px;
  border: 2px solid #111111;
  border-radius: 50%;
  background: #FFFFFF;
}
.visual-page .flow-result { background: var(--warm); border-color: var(--line-accent); }
.visual-page .flow-result i {
  display: grid;
  place-items: center;
  width: 35px;
  height: 48px;
  background: #171717;
  border: 2px solid #FFD400;
  border-radius: 3px;
  color: #FFD400;
  font: 700 25px/1 Arial,sans-serif;
}
.visual-page .portal-card {
  background: var(--paper);
  border-color: var(--line);
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,.035);
}
.visual-page .portal-card small { color: var(--muted); }
.visual-page .portal-card i { color: var(--ink); }
.visual-page .spotlight-card {
  border-color: var(--line);
  border-radius: 8px;
  background: var(--paper);
  box-shadow: 0 2px 6px rgba(0,0,0,.035);
}
.visual-page .spotlight-number { color: var(--muted); }
.visual-page .spotlight-meta > em { background: var(--dark); color: var(--accent); }
.visual-page .spotlight-heading > a { color: var(--muted); }
.visual-page .spotlight-list { scrollbar-color: #B8B8B1 #F3F3F1; }
.visual-page .page-main :focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.visual-page .oripa-panel :focus-visible { outline-color: #FFFFFF; }
@media (hover:hover) {
  .visual-page .search-submit:hover,
  .visual-page .panel-cta:hover { background: #FFDC28; border-color: #8B7400; }
  .visual-page .portal-card:hover,
  .visual-page .spotlight-card:hover { border-color: var(--line-dark); box-shadow: 0 3px 8px rgba(0,0,0,.07); }
  .visual-page .spotlight-heading > a:hover { color: var(--ink); text-decoration: underline; }
}


/* top-v2.6/approved-source/flow-art.css */
/* Illustration-only proposal. No frame, text, breakpoint or surrounding layout overrides. */
.visual-page .oripa-panel .flow-card[data-flow-art]::before,
.visual-page .oripa-panel .flow-card[data-flow-art]::after { content: none; }
.visual-page .oripa-panel .flow-card[data-flow-art] .flow-illustration {
  display: block;
  grid-area: 1 / 1;
  width: 100%;
  max-width: 96px;
  height: 64px;
  min-width: 0;
  object-fit: contain;
  object-position: center;
}


/* top-v2.6/approved-source/asset-refresh.css */
/* v2.4: restore the total-score icon within the existing equal metric frame.
   Decorative SVG only: no new ledger ID, value, link, or score calculation. */
.visual-page .evaluation-panel .metric-total {
  grid-template-columns: 20px minmax(0, 1fr);
}
@media (max-width:359px) {
  .visual-page .evaluation-panel .metric-total {
    grid-template-columns: 16px minmax(0, 1fr);
  }
}
@media (min-width:768px) {
  .visual-page .evaluation-panel .metric-total {
    grid-template-columns: minmax(0, 1fr) minmax(42px, 1fr);
  }
  .visual-page .evaluation-panel .metric-total strong {
    grid-column: 2;
    justify-self: start;
  }
}


/* top-v2.6/approved-source/slab-branding.css */
/* Search-reference B corner. The logo source and Method C geometry are unchanged. */
.visual-page .slab-branding {
  position:absolute;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
  border-radius:0 0 2% 2%;
}
.visual-page .slab-branding__art {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  overflow:hidden;
}


/* top-v2.6/top-display.css */
/* Integration states only. Approved geometry/styles live in approved-source. */
.visual-page .top26-image-pending { position:absolute; inset:0; display:grid; place-content:center; text-align:center; color:var(--muted); font-size:12px; }
.visual-page .radar-value[data-incomplete="true"] { display:none; }
/* Additional state A, approved by the TOP owner/user on 2026-09-11. */
.visual-page .metric-card strong[data-top26-pending] {
  color:#62625E;
  font-family:Meiryo,sans-serif;
  font-size:14px;
  line-height:28.8px;
  white-space:nowrap;
}
.visual-page .spotlight-meta em[data-top26-pending] { font-size:11px; }
.visual-page .market-price strong[data-top26-pending] { color:#62625E; }
.visual-page .top26-image-pending {
  font:600 12px/1.6 Meiryo,sans-serif;
  color:#62625E;
  white-space:pre-line;
}
.visual-page .slab[data-top26-absent] .slab-label { outline-color:#B8B8B1; }
.visual-page .slab[data-top26-absent] .label-copy span,
.visual-page .slab[data-top26-absent] .label-copy strong { font-size:clamp(9px,5cqw,12px);letter-spacing:0; }
.visual-page .slab[data-top26-absent] .label-grade { font:600 16px/1 Meiryo,sans-serif;color:#62625E; }
@media(max-width:767px) {
  .visual-page .metric-card strong[data-top26-pending] { font-size:12px;line-height:26.4px; }
}
@media(max-width:359px) {
  .visual-page .metric-card:has(strong[data-top26-pending]) {padding-inline:4px;column-gap:2px;}
  .visual-page .metric-card:has(strong[data-top26-pending])>span:not(.metric-icon) {gap:2px;}
  .visual-page .metric-prem:has(strong[data-top26-pending]) b {font-size:11px;}
}