*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:#fff8e7;color:#151515;font:16px/1.75 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex="-1"]:focus{outline:3px solid #c9302c;outline-offset:5px}.wrap{width:min(1080px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:#151515;color:#fff8e7;z-index:2}.skip:focus{top:12px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #15151533}.brand{font-size:24px;font-weight:800;letter-spacing:-1px;text-decoration:none}nav{display:flex;gap:24px;font-size:14px}nav a{padding:10px 0}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,6vw,66px);line-height:1.15;letter-spacing:-.055em;margin:16px 0 22px}h2{font-size:clamp(24px,3.3vw,34px);line-height:1.35;letter-spacing:-.04em}h3{font-size:20px;line-height:1.5;letter-spacing:-.025em}p+p{margin-top:12px}.intro{padding:54px 0 32px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.05em}.lead{font-size:22px;font-weight:600;line-height:1.6;margin-bottom:16px}.mobile-break{display:none}.small{font-size:14px;color:#625d52}.test-panel,.results{padding:32px;background:#fffdf8;border:1px solid #15151533;border-radius:8px}.test-panel h2{font-size:24px;margin-bottom:24px}label{display:block;font-size:15px;font-weight:700;margin-bottom:10px}.input-row{display:flex;gap:12px}input{width:100%;min-width:0;min-height:56px;border:1px solid #7c766b;border-radius:4px;padding:12px;background:#fff;color:#151515}input::placeholder{color:#696359}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #151515;border-radius:4px;background:#151515;color:#fff8e7;padding:12px 20px;min-height:48px;white-space:nowrap;font-weight:700;text-decoration:none;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.secondary{background:transparent;color:#151515;margin-top:12px}#url-help{margin-top:12px}.privacy{font-size:13px;color:#625d52;margin-top:20px;padding-top:18px;border-top:1px solid #15151522}.privacy strong{color:#151515}.error-text{color:#9e211e;margin:12px 0}#progress:not(:empty){margin-top:20px;padding:12px;border-left:3px solid #c9302c}.notice{padding:20px;border:1px solid #9b6252;border-radius:4px;background:#fff8e7;margin-top:20px}.notice a{display:inline-block;margin-top:12px;min-height:44px}.results{margin-top:24px}.result-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.result-top h2{margin:10px 0}.url{overflow-wrap:anywhere;word-break:break-all;font-size:14px}.score-box{text-align:center;flex-shrink:0;min-width:160px;padding:16px;border:1px solid #15151533;border-radius:6px}.score{font-size:60px;font-weight:750;line-height:1.2;letter-spacing:-3px}.score-box[data-grade="good"] .score{color:#1d6542}.score-box[data-grade="mid"] .score{color:#855400}.score-box[data-grade="poor"] .score{color:#a72623}.metrics,.explain-grid,.packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.metrics article,.explain-grid article,.packages article{padding:20px;border:1px solid #15151533;border-radius:4px}.metric-value{font-size:28px;font-weight:750;margin:8px 0}.metric-status{font-size:14px;font-weight:650}.section-heading{margin-top:30px}.audit-list{padding-left:24px;margin:20px 0}.audit-list li{padding:16px 0;border-bottom:1px solid #15151522}.audit-list .audit-evidence{font-size:13px;color:#625d52;overflow-wrap:anywhere;margin-top:8px}.audit-list .scope-label{font-size:12px;font-weight:700;margin-top:8px}.recommendation{padding:24px;background:#fff8e7;border:1px solid #15151533;margin-top:28px;border-radius:4px}.recommendation h3{margin:10px 0}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}.actions>a{display:inline-flex;align-items:center;min-height:48px}.section{padding:52px 0;border-bottom:1px solid #15151533}.section>h2{margin-bottom:18px}.packages article h3{font-size:30px;margin:10px 0}.faq details{border-bottom:1px solid #15151533;padding:12px 0}.faq summary{min-height:48px;display:list-item;padding:10px 0;font-weight:650;cursor:pointer}.faq details p{padding:8px 0}.faq details p:last-child{padding-bottom:16px}footer{display:flex;justify-content:space-between;gap:24px;font-size:13px;color:#625d52;padding:28px 0}footer a{min-height:44px} [hidden]{display:none!important}@media(max-width:700px){.wrap{width:calc(100% - 32px)}header{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:18px 0}nav{gap:20px}.intro{padding:36px 0 24px}.lead{font-size:19px}.mobile-break{display:block}.test-panel,.results{padding:22px 18px}.input-row{display:block}.input-row button{width:100%;margin-top:12px}.metrics,.explain-grid,.packages{grid-template-columns:1fr}.result-top{align-items:stretch;flex-direction:column}.score-box{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 16px;text-align:left}.score-box .score{grid-column:2;grid-row:1/3;text-align:right}.recommendation{padding:20px 16px}.actions{align-items:stretch;flex-direction:column;gap:10px}.actions>a{padding:10px 0}.actions .button{padding:12px}.section{padding:36px 0}footer{display:block}footer a{display:inline-block;margin-top:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
