:root{
  --paper:#F5F1E6;--card:#FCFAF3;--wash:#ECE6D6;--ink:#26221B;--ink2:#575145;--ink3:#7A7366;
  --line:#DCD4C2;--line2:#C9C0AB;
  --shu:#B4432F;--shu-text:#9E3520;--shu-soft:#F2E1DA;
  --c-buf:#2F5D8C;--c-mun:#1E7A66;--c-gra:#5C93BE;--c-lyn:#A87718;--c-mar:#8A5E82;--c-bog:#6E6A5C;
  --ok:#2E7D4F;--warn:#96700F;--bad:#B4432F;--na:#8B8477;
  --ok-soft:#E2EEDF;--warn-soft:#F2EAD2;--bad-soft:#F2E1DA;--na-soft:#EAE5DA;
  --r-s:6px;--r-m:12px;--r-l:18px;
  --shadow:0 1px 2px rgba(40,32,18,.05),0 12px 32px rgba(40,32,18,.07);
  --font-d:"Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
  --font-b:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#1B1917;--card:#262320;--wash:#211E1B;--ink:#ECE6D8;--ink2:#BDB5A6;--ink3:#948C7C;
  --line:#3B372F;--line2:#4A4539;
  --shu:#D9714F;--shu-text:#E2825E;--shu-soft:#3B2620;
  --c-buf:#7FA9D6;--c-mun:#5AB39B;--c-gra:#9AC6E6;--c-lyn:#D2A544;--c-mar:#BD93B3;--c-bog:#9C9684;
  --ok:#74BE92;--warn:#D2AC52;--bad:#DF8168;--na:#8B8477;
  --ok-soft:#25342B;--warn-soft:#37301D;--bad-soft:#3B2620;--na-soft:#2B2822;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 12px 32px rgba(0,0,0,.3);
}}
:root[data-theme="light"]{
  --paper:#F5F1E6;--card:#FCFAF3;--wash:#ECE6D6;--ink:#26221B;--ink2:#575145;--ink3:#7A7366;
  --line:#DCD4C2;--line2:#C9C0AB;
  --shu:#B4432F;--shu-text:#9E3520;--shu-soft:#F2E1DA;
  --c-buf:#2F5D8C;--c-mun:#1E7A66;--c-gra:#5C93BE;--c-lyn:#A87718;--c-mar:#8A5E82;--c-bog:#6E6A5C;
  --ok:#2E7D4F;--warn:#96700F;--bad:#B4432F;--na:#8B8477;
  --ok-soft:#E2EEDF;--warn-soft:#F2EAD2;--bad-soft:#F2E1DA;--na-soft:#EAE5DA;
  --shadow:0 1px 2px rgba(40,32,18,.05),0 12px 32px rgba(40,32,18,.07);
}
:root[data-theme="dark"]{
  --paper:#1B1917;--card:#262320;--wash:#211E1B;--ink:#ECE6D8;--ink2:#BDB5A6;--ink3:#948C7C;
  --line:#3B372F;--line2:#4A4539;
  --shu:#D9714F;--shu-text:#E2825E;--shu-soft:#3B2620;
  --c-buf:#7FA9D6;--c-mun:#5AB39B;--c-gra:#9AC6E6;--c-lyn:#D2A544;--c-mar:#BD93B3;--c-bog:#9C9684;
  --ok:#74BE92;--warn:#D2AC52;--bad:#DF8168;--na:#8B8477;
  --ok-soft:#25342B;--warn-soft:#37301D;--bad-soft:#3B2620;--na-soft:#2B2822;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 12px 32px rgba(0,0,0,.3);
}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-b);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
a{color:var(--shu-text);text-decoration:none}
a:hover{color:var(--shu);text-decoration:underline}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
input,button{font-family:inherit}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--shu);outline-offset:3px}
*,*::before,*::after{box-sizing:border-box}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
main{max-width:640px;margin:0 auto;padding:0 16px 40px}
main.wide{max-width:900px}
.site-header{background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--line);position:relative;z-index:20}
.site-header-inner{max-width:960px;min-height:62px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-family:var(--font-d);font-size:18px;font-weight:700;letter-spacing:.06em}
.site-brand:hover{color:var(--ink);text-decoration:none}
.site-brand-mark{flex:none;color:var(--ink)}
.site-studio{font-size:11px;color:var(--ink3);letter-spacing:.06em}
.site-links{display:flex;align-items:center;justify-content:flex-end;gap:6px 18px;flex-wrap:wrap}
.site-links a{font-size:11.5px;font-weight:600;color:var(--ink2)}
.footer-links{display:flex;gap:8px 18px;flex-wrap:wrap;margin-bottom:14px}
.footer-links a{font-size:11.5px;font-weight:600;color:var(--ink2)}
nav.site-nav{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;padding:10px 16px;font-size:12px;color:var(--ink2);background:var(--wash);border-bottom:1px solid var(--line)}
nav.site-nav a{color:var(--ink2)}
nav.site-nav strong{color:var(--ink);font-family:var(--font-d)}
h1,h2,h3{font-family:var(--font-d)}
.badge{font-weight:700;font-size:13px;color:var(--ink);border:1px solid var(--line2);padding:1px 8px;border-radius:var(--r-s);background:var(--card)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);padding:18px}
.section{margin-top:16px}
.bar-track{height:8px;border-radius:99px;background:var(--wash);border:1px solid var(--line);overflow:hidden}
.bar-fill{height:100%}
.mini-bar-track{width:56px;height:5px;border-radius:99px;background:var(--wash);border:1px solid var(--line);overflow:hidden;display:inline-block}
.mini-bar-fill{display:block;height:100%;background:var(--ink2)}
.verdict-ok{color:var(--ok);background:var(--ok-soft)}
.verdict-warn{color:var(--warn);background:var(--warn-soft)}
.verdict-bad{color:var(--bad);background:var(--bad-soft)}
.verdict-na{color:var(--na);background:var(--na-soft)}
.verdict-icon{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}
.criterion-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-s);background:var(--paper);font-size:12.5px}
.criterion-row .label{flex:1}
.criterion-row .value{color:var(--ink2);font-weight:600}
footer.site-footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--line)}
footer.site-footer p{margin:0 0 10px;font-size:11.5px;line-height:1.8;color:var(--ink2)}
footer.site-footer p.disclaimer{font-size:11px;line-height:1.9;color:var(--ink3)}
.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.btn{flex:1 1 160px;min-height:46px;border:none;border-radius:var(--r-m);background:var(--ink);color:var(--paper);font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.btn-outline{border:1.5px solid var(--ink);background:transparent;color:var(--ink)}
.search-box{display:flex;gap:8px;margin-top:18px}
.search-box input{flex:1;min-height:46px;border:1.5px solid var(--line2);border-radius:var(--r-m);background:var(--card);color:var(--ink);padding:0 14px;font-size:15px}
.search-results{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.search-results a,.search-results button{display:flex;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.chip{display:inline-flex;align-items:center;font-size:12px;border:1px solid var(--line2);border-radius:99px;padding:4px 12px;color:var(--ink2)}
.chip-name{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-ghost{border:1.5px solid var(--line2);background:transparent;color:var(--ink2)}
.btn-shu{background:var(--shu);color:#FDFAF4}

/* design/handoff-20260710「トップ.dc.html」 */
main.top-main{max-width:none;margin:0;padding:0}
.top-hero{min-height:min(66vh,620px);display:flex;align-items:center;justify-content:center;padding:54px 20px 62px;text-align:center;background:radial-gradient(ellipse 90% 62% at 50% 32%,var(--wash) 0%,transparent 70%)}
.top-hero-inner{width:100%;max-width:960px}
.top-kicker{margin:0 0 14px;font-size:12px;letter-spacing:.28em;color:var(--ink3)}
.top-title{margin:0;font-family:var(--font-d);font-weight:700;font-size:clamp(27px,6.4vw,42px);line-height:1.5;letter-spacing:.04em;word-break:auto-phrase}
.top-lead{margin:18px auto 0;font-size:13.5px;line-height:1.9;color:var(--ink2);max-width:38em}
.top-search{display:flex;gap:8px;width:100%;max-width:480px;margin:30px auto 0}
.top-search input{flex:1;min-width:0;min-height:52px;padding:0 18px;font-size:16px;color:var(--ink);background:var(--card);border:1.5px solid var(--line2);border-radius:var(--r-m);box-shadow:var(--shadow)}
.top-search input:focus{border-color:var(--ink)}
.top-search button{flex:none;min-height:52px;padding:0 22px;border:0;border-radius:var(--r-m);background:var(--ink);color:var(--paper);font-size:14.5px;font-weight:700;cursor:pointer}
.top-search-results{width:100%;max-width:480px;margin:10px auto 0;text-align:left}
.top-search-results [role="option"][aria-selected="true"]{border-color:var(--shu);background:var(--shu-soft)}
.top-recent{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.top-stats{margin:14px 0 0;font-size:11.5px;color:var(--ink3)}
.top-types{max-width:960px;margin:0 auto;padding:0 20px 40px}
.top-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:14px}
.top-type{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--card);font-size:12.5px;font-weight:600}
.top-type-dot{width:10px;height:10px;border-radius:2px;flex:none}
.top-cta{border-top:1px solid var(--line);background:var(--wash)}
.top-cta-inner{max-width:960px;margin:0 auto;padding:36px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.top-footer{border-top:1px solid var(--line)}
.top-footer-inner{max-width:960px;margin:0 auto;padding:20px 20px 32px}
.top-footer-inner p{margin:0 0 10px;font-size:11.5px;line-height:1.8;color:var(--ink2)}
.top-footer-inner .disclaimer{font-size:11px;line-height:1.9;color:var(--ink3)}
.bar-fill{transform-origin:left center;animation:bar-reveal .8s cubic-bezier(.22,1,.36,1) both}
@keyframes bar-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* WO-W5: オンボーディング(/onboarding)・保有ダッシュボード(/portfolio) の Preact アイランド共通クラス */
#app:empty::before{content:"";display:block}
main#app{max-width:none;margin:0;padding:0}
.onb-page{min-height:100svh;background:var(--paper)}
.onb-shell{position:relative;isolation:isolate;overflow:hidden;max-width:420px;margin:0 auto;padding:24px 22px 24px;min-height:100svh;display:flex;flex-direction:column}
.onb-content{position:relative;z-index:1;display:flex;flex-direction:column;flex:1}
.onb-motif{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5}
.onb-motif[data-motif="intro"],.onb-motif[data-motif="finish"],.onb-motif[data-motif="result"]{background:radial-gradient(ellipse 80% 55% at 50% 40%,var(--wash) 0%,transparent 70%)}
.onb-motif[data-motif="time"]{background:repeating-radial-gradient(circle at 50% 128%,transparent 0 27px,var(--line) 27px 28px)}
.onb-motif[data-motif="time"]::after{content:"";position:absolute;left:0;right:0;top:58%;height:1px;background:var(--line2)}
.onb-motif[data-motif="trial"]{background:linear-gradient(145deg,transparent 0 44%,color-mix(in srgb,var(--ink3) 12%,transparent) 44.3% 44.7%,transparent 45% 58%,color-mix(in srgb,var(--ink3) 10%,transparent) 58.3% 58.7%,transparent 59%)}
.onb-motif[data-motif="trial"].is-answering{opacity:.25}
.onb-motif[data-motif="gauge"]::before{content:"ROE   12.4%";position:absolute;left:18px;top:120px;font-size:34px;font-weight:700;color:var(--ink3);opacity:.16}
.onb-motif[data-motif="gauge"]::after{content:"×2.1   PBR 0.9";position:absolute;right:22px;top:300px;font-size:30px;font-weight:700;color:var(--ink3);opacity:.13}
.onb-motif[data-motif="tiles"]{opacity:.4;background:repeating-linear-gradient(0deg,transparent 0 46px,var(--line) 46px 47px),repeating-linear-gradient(90deg,transparent 0 46px,var(--line) 46px 47px)}
.onb-motif[data-motif="paper"]{opacity:.55;background:repeating-linear-gradient(180deg,transparent 0 25px,var(--line) 25px 26px)}
.onb-motif[data-motif="paper"]::before{content:"";position:absolute;left:44px;top:0;bottom:0;width:1px;background:var(--shu);opacity:.4}
.onb-motif[data-motif="noise"]{background-image:radial-gradient(var(--line2) 1px,transparent 1.6px);background-size:11px 11px;-webkit-mask-image:radial-gradient(ellipse 62% 55% at 50% 46%,transparent 55%,#000 100%);mask-image:radial-gradient(ellipse 62% 55% at 50% 46%,transparent 55%,#000 100%)}
.onb-motif[data-motif="cycle"]{opacity:.45;background:repeating-radial-gradient(circle at 50% 44%,transparent 0 30px,var(--line) 30px 31px)}
.onb-motif[data-motif="guard"]{inset:13px;border:6px solid var(--line);border-radius:18px}
.onb-motif[data-motif="guard"]::after{content:"";position:absolute;inset:5px;border:1px solid var(--line2);border-radius:12px}
.onb-motif[data-motif="compass"]{opacity:.42;background:radial-gradient(circle at 50% 50%,transparent 0 108px,var(--line2) 109px 110px,transparent 111px 148px,var(--line2) 149px 150px,transparent 151px),linear-gradient(90deg,transparent 49.8%,var(--line2) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,var(--line2) 50%,transparent 50.2%)}
.onb-motif[data-motif="mirror"]{opacity:.4;background:linear-gradient(90deg,transparent 49.8%,var(--ink3) 50%,transparent 50.2%),linear-gradient(35deg,transparent 42%,var(--line2) 42.2% 42.4%,transparent 42.6% 57%,var(--line2) 57.2% 57.4%,transparent 57.6%)}
.onb-motif[data-motif="teaser"]{opacity:.6;background:radial-gradient(ellipse 70% 45% at 50% 44%,var(--shu-soft) 0%,transparent 72%)}
.onb-logo{display:flex;align-items:center;justify-content:center;gap:8px}
.onb-logo span{font-family:var(--font-d);font-size:15px;font-weight:700;letter-spacing:.06em}
.onb-back{align-self:flex-start;min-height:44px;font-size:12px;color:var(--ink3);background:none;border:none;cursor:pointer;padding:8px;display:inline-flex;align-items:center;gap:3px}
.onb-progress-row{display:flex;align-items:center;gap:10px;margin-top:12px}
.onb-progress-track{flex:1;height:5px;border-radius:99px;background:var(--wash);border:1px solid var(--line);overflow:hidden}
.onb-progress-fill{height:100%;background:var(--shu);transition:width .4s cubic-bezier(.22,1,.36,1)}
.onb-progress-label{font-size:12px;font-weight:700;color:var(--ink2);white-space:nowrap}
.onb-question{margin:20px 0 0;font-family:var(--font-d);font-size:21px;font-weight:700;line-height:1.6;letter-spacing:.02em;word-break:auto-phrase}
.onb-options{display:flex;flex-direction:column;gap:9px;margin-top:18px}
.onb-option{position:relative;min-height:54px;padding:12px 14px;text-align:left;font-size:13.5px;font-weight:600;line-height:1.55;color:var(--ink);background:var(--card);border:1.5px solid var(--line2);border-radius:var(--r-m);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.onb-option:active{transform:scale(.985)}
.onb-option[aria-pressed="true"]{border-color:var(--shu);box-shadow:0 0 0 3px var(--shu-soft)}
.onb-option[disabled]{cursor:default}
.onb-ack{display:block;margin-top:6px;font-size:11.5px;font-weight:600;color:var(--shu-text);opacity:0;transition:opacity .2s ease}
.onb-ack.is-visible{opacity:1}
.onb-radar-wrap{margin:auto auto 0;padding-top:16px;display:flex;justify-content:center;transition:transform .45s ease,opacity .45s ease}
.onb-radar-caption{margin:4px 0 0;font-size:11.5px;color:var(--ink3);text-align:center}
.onb-cta{width:100%;min-height:52px;border:none;border-radius:14px;font-size:15px;font-weight:700;letter-spacing:.03em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:auto}
.onb-cta-secondary{width:100%;min-height:46px;border:1.5px solid var(--line2);border-radius:var(--r-m);background:transparent;color:var(--ink2);font-size:13px;font-weight:600;cursor:pointer;margin-top:10px}
.onb-teaser{text-align:center;padding:28px 6px}
.onb-teaser-label{margin:8px 0 0;font-size:12px;letter-spacing:.2em;color:var(--ink3)}
.onb-teaser-headline{margin:14px 0 0;font-family:var(--font-d);font-size:20px;font-weight:700;line-height:1.7;letter-spacing:.02em}
.onb-result-head{text-align:center}
.onb-result-name{margin:4px 0 0;font-family:var(--font-d);font-size:30px;font-weight:700;letter-spacing:.03em}
.onb-type-bars{display:flex;flex-direction:column;gap:9px;margin-top:20px}
.onb-type-bar-row{display:flex;flex-direction:column;gap:4px}
.onb-type-bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;font-weight:600}
.onb-type-bar-swatch{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:7px}
.onb-philosophy-card{margin-top:18px;padding:16px;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:12px;background:var(--card)}
.onb-philosophy-kicker{margin:0;font-size:10.5px;letter-spacing:.18em;color:var(--ink3)}
.onb-philosophy-headline{margin:8px 0 0;font-family:var(--font-d);font-size:15px;font-weight:700;line-height:1.8}
.onb-philosophy-body{margin:8px 0 0;font-size:12px;line-height:1.8;color:var(--ink2)}
.onb-mini-card{display:flex;align-items:center;gap:10px;padding:13px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);animation:onb-card-in .3s ease-out}
.onb-mini-card-del{flex:none;width:44px;height:44px;border-radius:8px;border:1px solid var(--line2);background:transparent;color:var(--ink3);font-size:15px;cursor:pointer}
.onb-storage-error{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1000;max-width:min(90vw,440px);padding:12px 18px;border-radius:var(--r-m);background:var(--bad);color:#fff;font-size:13px;font-weight:700;box-shadow:var(--shadow)}
.onb-footer{max-width:420px;margin:0 auto;padding:20px 22px 28px}
@keyframes onb-card-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.onb-match-line{font-size:11.5px;font-weight:700;color:var(--shu-text);margin-top:2px}
.onb-empty-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin-top:16px;border:1.5px dashed var(--line2);border-radius:16px;padding:30px 20px;text-align:center;color:var(--ink3);font-size:12.5px;line-height:1.7}
.onb-compare-pair{display:flex;gap:10px;margin-top:18px}
.onb-compare-card{flex:1;padding:14px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:center}
.onb-mismatch-box{margin-top:16px;padding:16px;border:1px dashed var(--line2);border-radius:12px;background:var(--wash);text-align:center;font-family:var(--font-d);font-size:18px;font-weight:700;line-height:1.6;letter-spacing:.02em}
@media (prefers-reduced-motion:reduce){.onb-option,.onb-ack,.onb-progress-fill,.onb-radar-wrap,.onb-mini-card,.bar-fill{transition:none!important;animation:none!important}}

.pf-shell{max-width:960px;margin:0 auto;padding:0 16px 40px}
.pf-header{padding:22px 0 16px;border-bottom:2px solid var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;margin-top:20px;align-items:start}
.pf-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.pf-radar-legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:12px;color:var(--ink2)}
.pf-list-row{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line);color:inherit}
.pf-list-row:last-child{border-bottom:none}
.pf-list-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-list-meta{font-size:11.5px;color:var(--ink2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-mini-bars{flex:none;display:flex;align-items:flex-end;gap:3px;height:28px}
.pf-mini-bars span{width:6px;border-radius:2px 2px 0 0;display:block}
.pf-sign-chip{flex:none;font-size:11px;font-weight:700;border-radius:99px;padding:3px 9px;white-space:nowrap}
.pf-sign-chip.warn{color:var(--warn);background:var(--warn-soft)}
.pf-sign-chip.none{color:var(--ink3);background:var(--na-soft);font-weight:600}
.pf-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 16px;text-align:center}
.pf-search{position:relative;z-index:5;width:100%;max-width:480px}
.pf-empty .pf-search{margin:0 auto}
.pf-search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:min(280px,45vh);overflow:auto;margin-top:0;padding:6px;border:1px solid var(--line2);border-radius:var(--r-m);background:var(--card);box-shadow:var(--shadow);gap:4px}
.pf-search-hit{display:flex;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.pf-search-hit:hover,.pf-search-hit[aria-selected="true"]{border-color:var(--shu);background:var(--shu-soft)}
.pf-share-import{margin-top:16px;border-color:var(--shu)}
.events-more{margin-top:10px}
.events-more>summary{padding:11px 14px;border:1px solid var(--line2);border-radius:var(--r-m);background:var(--card);font-size:12.5px;font-weight:700;color:var(--ink2);text-align:center}
.pf-skeleton{background:linear-gradient(90deg,var(--wash) 25%,var(--line) 37%,var(--wash) 63%);background-size:400% 100%;animation:pf-shimmer 1.4s ease infinite;border-radius:var(--r-s)}
@keyframes pf-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.pf-skeleton{animation:none;background:var(--wash)}.onb-mini-card{animation:none}}
@media (max-width:560px){
  .site-header-inner{min-height:56px;padding:10px 16px}
  .site-links{gap:4px 12px}
  .site-links a{font-size:11px}
  .site-header-inner{align-items:flex-start;flex-direction:column}
  .site-links{justify-content:flex-start}
  .top-hero{min-height:auto;padding:48px 18px 52px}
  .top-title br{display:none}
  .top-lead br{display:none}
  .top-search button{padding:0 18px}
  .criterion-row{align-items:flex-start;flex-wrap:wrap}
  .criterion-row .value{width:100%;padding-left:30px}
  .pf-mini-bars{display:none}
  .pf-list-row{gap:8px}
  .pf-sign-chip{font-size:10.5px;padding:3px 7px}
}