:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17213a;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#e8f8f2 0,transparent 34rem),#f5f7fb}.pr-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:20px 0 40px}.pr-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:22px 0}.eyebrow{margin:0 0 8px;color:#18715b;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}h1{max-width:900px;margin:0;font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1.06;letter-spacing:-.035em}.subtitle{margin:12px 0 0;color:#52627b;font-size:1.08rem}.local-note{flex:0 0 auto;margin:4px 0;padding:8px 12px;border:1px solid #bed9d0;border-radius:999px;background:#fff;color:#486b61;font-size:.82rem;font-weight:750}.local-note span{color:#1e9d68}.pr-workspace,.pr-insight{border:1px solid #c8ddd6;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 18px 50px rgba(31,83,69,.1)}.pr-workspace{display:grid;gap:14px;padding:clamp(14px,2.8vw,28px)}.situation-card{padding:18px;border:1px solid #cbded8;border-radius:19px;background:#f5fcf9}.situation-label{margin:0;color:#52766c;font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.situation-card h2{margin:5px 0 16px;font-size:clamp(1.2rem,2.6vw,1.65rem)}.percentage-diagram{position:relative;height:clamp(72px,12vw,118px);overflow:hidden;border:3px solid #425d67;border-radius:17px;background:repeating-linear-gradient(90deg,#e9eff1 0,#e9eff1 calc(10% - 2px),#c9d4d8 calc(10% - 2px),#c9d4d8 10%)}.percentage-fill{display:block;height:100%;background:repeating-linear-gradient(90deg,#e49535 0,#e49535 calc(10% - 2px),#bb681f calc(10% - 2px),#bb681f 10%)}.diagram-boundary{position:absolute;inset:0;border-radius:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);pointer-events:none}.diagram-caption{display:grid;grid-template-columns:1fr 1fr;margin:8px 2px 0;color:#5b6d77;font-size:.86rem;font-weight:760}.diagram-caption #pr-part-caption{grid-column:1}.diagram-caption #pr-whole-caption{grid-column:2;text-align:right}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.role-card{min-width:0;padding:15px;border:1px solid #cedbd7;border-radius:16px;background:#fff;text-align:center}.role-card p{margin:0;color:#677a75;font-size:.78rem;font-weight:800;text-transform:uppercase}.role-card h2{margin:4px 0;font-size:clamp(1rem,2vw,1.25rem)}.role-card h2 span{display:inline-block;padding:2px 7px;border-radius:8px;background:#edf4f2;color:#34594f;font-size:.85em}.role-card strong{display:block;color:#175f4e;font-size:clamp(1.5rem,3.3vw,2.2rem)}.role-card[data-unknown="true"]{border-style:dashed;background:#fff8ea}.role-card[data-unknown="true"] strong{color:#9b531b}.relation-card,.explore-card,.conclusion-card{padding:17px 20px;border:1px solid #cbded8;border-radius:17px;background:#f5fcf9}.relation-card{display:flex;gap:16px;align-items:center;justify-content:center}.relation-card p{margin:0;color:#5a716a;font-weight:800}.relation-card strong{font-size:clamp(1.25rem,3vw,1.8rem);font-variant-numeric:tabular-nums}.explore-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr) auto;gap:14px;align-items:end}.explore-card fieldset{grid-column:1/-1;margin:0;padding:0;border:0}.explore-card legend,.explore-card label{font-weight:850}.unknown-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:9px}.unknown-buttons button{min-height:44px;padding:8px;border:1px solid #9ebcb3;border-radius:12px;background:#fff;color:#284d43;font:inherit;font-weight:780;cursor:pointer}.unknown-buttons button[aria-pressed="true"]{border-color:#91501b;background:#fff0dc;color:#783f13;box-shadow:inset 0 0 0 2px #c87a30}.explore-card input{width:100%;accent-color:#a65b1d}.explore-card output{font-weight:850;color:#17614f}.conclusion-card{border-color:#9cccbc;background:#eaf9f3;text-align:center}.conclusion-card h2{margin:0 0 5px;color:#18715b;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.conclusion-card p{margin:0;font-size:clamp(1.08rem,2.3vw,1.42rem);font-weight:820}.pr-insight{margin-top:16px;padding:20px 24px}.pr-insight>p{min-height:1.5em;margin:0 0 14px;color:#354964}.pr-controls{display:flex;gap:12px;flex-wrap:wrap}.primary-button,.reset-button{min-height:46px;padding:0 20px;border-radius:13px;font:inherit;font-weight:800;cursor:pointer}.primary-button{border:1px solid #8e4917;background:#a65b1d;color:#fff}.primary-button:disabled{cursor:not-allowed;opacity:.55}.reset-button{border:1px solid #bdd1ca;background:#fff;color:#35564d}.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}[hidden]{display:none!important}@media(max-width:720px){.pr-shell{width:min(100% - 20px,1120px);padding-top:10px}.pr-header{display:block}.local-note{display:inline-block;margin-top:14px}.pr-workspace{padding:10px}.role-grid,.unknown-buttons,.explore-card{grid-template-columns:1fr}.relation-card{display:grid;gap:6px;text-align:center}.pr-insight{padding:18px}.pr-controls>*{flex:1 1 140px}}@media(min-width:721px) and (max-width:1040px){.pr-shell{width:min(100% - 28px,1120px)}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}