:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--leading-normal);-webkit-text-size-adjust:100%}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}h1:focus,h2:focus{outline:none}:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:var(--focus-ring-offset)}.app{max-width:var(--layout-max-width);min-height:100vh;min-height:100dvh;margin:0 auto;padding-top:max(var(--space-5),env(safe-area-inset-top));padding-right:max(var(--space-4),env(safe-area-inset-right));padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));padding-left:max(var(--space-4),env(safe-area-inset-left));display:flex;flex-direction:column;gap:var(--space-5)}.sr-only{position:absolute;width:var(--border-thin);height:var(--border-thin);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--tap-min-height);padding:var(--space-3) var(--space-4);border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--leading-tight);text-align:center;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.btn:active{transform:scale(var(--pressed-scale))}.btn-primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-card)}.btn-primary:hover,.btn-primary:active{border-color:var(--color-primary-pressed);background:var(--color-primary-pressed)}.btn-text{width:auto;min-height:var(--tap-min-height);align-self:flex-start;padding-left:0;border-color:transparent;background:transparent;font-size:var(--fs-md)}.top{flex:1;justify-content:center}.logo{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--fs-logo);font-weight:var(--fw-black);line-height:var(--leading-tight)}.logo-word{background:linear-gradient(transparent 60%,var(--color-sun) 60%)}.logo-cross{display:inline-block;color:var(--color-primary);font-size:calc(var(--fs-logo) * var(--logo-cross-scale));transform:rotate(var(--logo-tilt))}.catch{font-size:var(--fs-hero);font-weight:var(--fw-black);line-height:var(--leading-tight);text-align:center}.sub{color:var(--color-ink-sub);text-align:center}.note{color:var(--color-ink-sub);font-size:var(--fs-sm)}.note-center{text-align:center}.app.quiz{gap:var(--space-3);min-height:100svh;padding-top:max(var(--space-3),env(safe-area-inset-top));padding-bottom:max(var(--space-5),env(safe-area-inset-bottom))}.quiz-top{display:flex;align-items:center;justify-content:space-between}.quiz .btn-text{min-height:var(--tap-compact-height)}.quiz-stage{display:grid}.quiz-stage>*{grid-area:1 / 1}.quiz-sizer{visibility:hidden;pointer-events:none}.quiz-sizer:before{content:attr(data-lead);display:block;margin-bottom:var(--space-2);font-size:var(--fs-md);font-weight:var(--fw-bold)}.quiz-sizer .seg:before{content:attr(data-text)}.seg{display:inline-block;max-width:100%;overflow-wrap:anywhere}.quiz .answers{gap:var(--space-2)}.quiz-head{display:flex;flex-direction:column;gap:var(--space-2)}.progress-text{color:var(--color-ink-sub);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.progress{height:var(--progress-height);overflow:hidden;border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface)}.progress-fill{height:100%;background:var(--color-primary);transition:width var(--transition-fast)}.quiz-question{text-wrap:balance;font-size:var(--fs-question);font-weight:var(--fw-black);line-height:var(--leading-tight)}.quiz-visual{display:block}.quiz-lead{display:block;margin-bottom:var(--space-2);color:var(--color-primary);font-size:var(--fs-md);font-weight:var(--fw-bold)}.answers{display:flex;flex-direction:column;gap:var(--space-3)}.answer-btn{border-color:var(--color-border)}.answer-btn[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-bg)}.page-title{text-wrap:balance;font-size:var(--fs-xl);font-weight:var(--fw-black);line-height:var(--leading-tight)}.panel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.panel-title{font-size:var(--fs-md);font-weight:var(--fw-bold)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-sun);color:var(--color-ink);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.chip-plain{border:var(--border-thin) solid var(--color-border);background:var(--color-bg);font-weight:var(--fw-regular)}.verdict-section{border:var(--border-thick) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3)}.verdict-section>summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap-min-height);padding:0 var(--space-2);font-size:var(--fs-lg);font-weight:var(--fw-black);cursor:pointer}.verdict-count{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.verdict-avoid{border-color:var(--color-avoid-accent);background:var(--color-avoid-bg)}.verdict-avoid>summary{color:var(--color-avoid-accent)}.verdict-conditional{border-color:var(--color-cond-accent);background:var(--color-cond-bg)}.verdict-conditional>summary{color:var(--color-cond-accent)}.verdict-plausible{border-color:var(--color-plaus-accent);background:var(--color-plaus-bg)}.verdict-plausible>summary{color:var(--color-plaus-accent)}.job-list{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}.job-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-ink);text-decoration:none}.job-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.job-card-title{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.job-name{font-size:var(--fs-lg);font-weight:var(--fw-black);line-height:var(--leading-tight);text-wrap:balance}.reasons{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-sm)}.reasons li{text-wrap:pretty;padding-left:var(--space-3);border-left:var(--border-thick) solid var(--color-border)}.reason-tag{display:inline-block;align-self:flex-start;padding:0 var(--space-2);border:var(--border-thin) solid currentColor;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:var(--leading-normal);vertical-align:baseline}.reason-burden{background:var(--color-avoid-bg);color:var(--color-avoid-accent)}.reason-relief{background:var(--color-surface);color:var(--color-ink-sub)}.reason-match{background:var(--color-plaus-bg);color:var(--color-plaus-accent)}.reason-groups{display:flex;flex-direction:column;gap:var(--space-3)}.reason-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.reason-group .reasons{align-self:stretch}.varies{display:block;color:var(--color-ink-sub);font-size:var(--fs-xs)}.card-more{color:var(--color-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.shikaku{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:var(--border-thick) dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.shikaku-title{font-size:var(--fs-lg);font-weight:var(--fw-black)}.actions{display:flex;flex-direction:column;gap:var(--space-3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.site-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4);text-align:center}.footer-link{display:inline-flex;align-items:center;min-height:var(--tap-min-height);color:var(--color-ink-sub);font-size:var(--fs-sm)}.site-footer .note{text-wrap:balance}