.tool-page{background:#f7fbf9}.tool-hero{padding:96px 0 82px;background:linear-gradient(120deg,#f5fcf8 0%,#fff 58%,#eff8fb 100%);position:relative;overflow:hidden}.tool-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#77cfc0 1px,transparent 1px);background-size:25px 25px;opacity:.11;mask-image:linear-gradient(to right,#000,transparent 50%)}.tool-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;position:relative;z-index:1}.tool-hero-grid>*,.tool-layout>*{min-width:0}.tool-hero-copy h1{font-family:"M PLUS Rounded 1c";font-size:clamp(34px,4vw,54px);line-height:1.48;color:var(--navy);margin:0 0 22px}.tool-hero-copy h1 strong{background:linear-gradient(105deg,#2ca96e,#228ec4);-webkit-background-clip:text;color:transparent}.tool-hero-copy>p:not(.eyebrow){color:#5d7480;margin:0 0 30px;overflow-wrap:anywhere}.tool-sample-card{width:min(100%,520px);background:rgba(255,255,255,.96);border:1px solid rgba(162,214,203,.75);border-radius:28px;padding:28px;box-shadow:0 30px 70px rgba(37,116,126,.17)}.tool-sample-score{width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:28px auto 18px;background:conic-gradient(var(--green) 72%,#d8ede6 0);position:relative}.tool-sample-score:before{content:"";position:absolute;inset:11px;background:white;border-radius:50%}.tool-sample-score b,.tool-sample-score small{position:relative;z-index:1}.tool-sample-score b{font-family:"M PLUS Rounded 1c";font-size:42px;line-height:1;color:#248e73}.tool-sample-score small{font-size:12px;color:#6d838c}.tool-sample-card>p{text-align:center;color:#26634f;font-weight:700;margin:0 0 18px}.tool-sample-bars{display:grid;gap:9px;margin:0 0 18px}.tool-sample-bars span{height:9px;border-radius:999px;background:#e3f1ec;overflow:hidden}.tool-sample-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--blue))}
.tool-section{background:#f7fbf9}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.diagnosis-form{display:grid;gap:22px}.tool-panel,.tool-side-card,.result-report,.loading-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 45px rgba(27,95,104,.08)}.tool-panel,.loading-card{padding:36px}.tool-panel h2,.tool-side-card h2,.result-head h2,.result-cta h2,.loading-card h2{font-family:"M PLUS Rounded 1c";color:var(--navy);line-height:1.45;margin:0 0 22px}.tool-lead{color:var(--muted);font-size:14px;margin:-8px 0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auto-form-grid{align-items:start}.form-grid label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#345c68}.form-grid small{font-size:10px;color:#789096;font-weight:700}.form-grid input{width:100%;border:1px solid #cfe3dd;border-radius:14px;padding:13px 14px;font:inherit;font-size:14px;color:var(--text);background:#fbfffd}.form-grid input:focus{outline:3px solid rgba(54,181,122,.18);border-color:#58b99d}.form-grid input:disabled{opacity:.66}.full-field{grid-column:1/-1}.form-error{margin:18px 0 0;padding:13px 15px;border-radius:14px;background:#fff4ef;border:1px solid #f4c5b6;color:#9a4d35;font-size:13px;font-weight:700}.tool-actions,.result-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.left-actions{justify-content:flex-start;margin-top:24px}.tool-side-card{position:sticky;top:100px;padding:28px}.tool-side-card .check-list{margin-top:16px}.side-note{font-size:12px;color:#6d838c;background:var(--pale);border-radius:14px;padding:15px;margin:22px 0 0}.loading-card{display:flex;align-items:center;gap:20px}.loading-card[hidden]{display:none}.loading-card p:not(.section-kicker){font-size:14px;color:#6d838c;margin:0}.loading-spinner{width:54px;height:54px;border-radius:50%;border:5px solid #d9efe9;border-top-color:var(--green);animation:tool-spin .9s linear infinite;flex:none}@keyframes tool-spin{to{transform:rotate(360deg)}}
.result-section{background:#fff;padding-top:0}.result-report{padding:34px}.result-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.result-head h2{margin:0}.target-url{font-size:13px;color:#6d838c;margin:8px 0 0;word-break:break-all}.result-score{width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--green) var(--score-angle,0deg),#d8ede6 0);position:relative;flex:none}.result-score:before{content:"";position:absolute;inset:11px;background:white;border-radius:50%}.result-score b,.result-score small{position:relative;z-index:1}.result-score b{font-family:"M PLUS Rounded 1c";font-size:42px;line-height:1;color:#248e73}.result-score small{font-size:12px;color:#6d838c}.result-status{margin:24px 0;padding:20px 22px;border-radius:18px;background:linear-gradient(100deg,#f0faf6,#eff8fb);border-left:5px solid var(--green)}.result-status span,.result-card>span,.detail-card>span{display:block;font-size:11px;letter-spacing:.08em;color:#349586;font-weight:800;margin-bottom:7px}.result-status p{font-size:17px;font-weight:700;color:#285e63;margin:0}.category-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.category-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}.category-card p{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--navy);margin:0 0 10px;gap:10px}.category-card b{font-family:"M PLUS Rounded 1c";font-size:25px;color:#248e73}.status-row{display:grid;gap:5px;margin-bottom:12px}.status-row em{font-style:normal;font-size:11px;font-weight:800;color:#258d75}.status-row small{font-size:11px;color:#6d838c;line-height:1.6}.meter{height:9px;border-radius:999px;background:#e3f1ec;overflow:hidden}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--blue))}.status-caution .meter i{background:linear-gradient(90deg,#e9b44c,#36b57a)}.status-improve .meter i,.status-unavailable .meter i{background:linear-gradient(90deg,#e68b6d,#e9b44c)}.status-unavailable{background:#fbfdfc}.result-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.result-card{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff}.priority-card{grid-column:1/-1;background:#f1f8fc;border-left:5px solid var(--blue)}.result-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.result-list li{position:relative;padding-left:25px;font-size:14px;color:#4d6670}.result-list li:before{content:"✓";position:absolute;left:0;color:#2caf86;font-weight:800}.caution-list li:before{content:"!" ;color:#d69a2d}.improve-list li:before{content:"";top:.72em;width:8px;height:8px;border-radius:50%;background:#df7c5f}.detail-card{margin-top:16px}.check-detail-list{display:grid;gap:12px}.check-detail{border:1px solid #edf3f1;border-radius:16px;padding:16px;background:#fbfffd}.check-detail>div{display:flex;justify-content:space-between;gap:12px;align-items:start}.check-detail h3{font-family:"M PLUS Rounded 1c";font-size:17px;color:var(--navy);margin:0}.check-detail span{font-size:11px;font-weight:800;border-radius:999px;padding:4px 10px;background:#e4f6ef;color:#258d75;white-space:nowrap}.check-detail.status-caution span{background:#fff4dc;color:#9d6a18}.check-detail.status-improve span{background:#fff0ea;color:#a24f34}.check-detail.status-unavailable span{background:#eef3f4;color:#6d838c}.check-detail p{font-size:13px;color:#526d76;margin:10px 0 0}.check-detail ul{margin:10px 0 0;padding-left:18px;color:#6d838c;font-size:12px}.result-cta{margin-top:24px;padding:30px;border-radius:22px;background:linear-gradient(120deg,#eefaef,#eef8fc);text-align:center}.result-cta p:not(.section-kicker){color:#5d7480;margin:0 auto 24px;max-width:820px}.result-actions{margin-top:22px}
@media(max-width:1000px){.category-result-grid{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:1fr}}
@media(max-width:900px){.tool-hero-grid,.tool-layout{grid-template-columns:1fr}.tool-hero-copy{text-align:center}.tool-hero-copy .eyebrow{justify-content:center}.tool-sample-card{max-width:520px;margin:auto}.tool-side-card{position:static}}
@media(max-width:560px){.tool-hero{padding:58px 0 66px}.tool-hero-copy{text-align:left}.tool-hero-copy .eyebrow{justify-content:flex-start}.tool-hero-copy h1{font-size:31px}.tool-panel,.tool-side-card,.result-report,.loading-card{border-radius:20px;padding:24px 18px}.form-grid,.category-result-grid{grid-template-columns:1fr}.left-actions,.tool-actions{justify-content:center}.result-head{display:block;text-align:center}.result-score{margin:18px auto 0}.result-status p{font-size:15px}.result-cta{padding:24px 18px}.result-cta .button-row{flex-direction:column}.loading-card{display:block}.loading-spinner{margin:0 auto 18px}.check-detail>div{display:grid}}
@media print{body{background:#fff}.site-header,.tool-hero,.tool-section,.result-actions,.site-footer,.paid-report-cta .button-row{display:none!important}.result-section{display:block!important;padding:0}.result-section .container{width:100%;margin:0}.result-report{box-shadow:none;border:0;border-radius:0;padding:0}.result-head{break-inside:avoid}.result-grid,.category-result-grid,.detail-card{break-inside:avoid}.result-card,.category-card,.result-status,.result-cta,.check-detail{break-inside:avoid}.category-result-grid{grid-template-columns:repeat(2,1fr)}}