.resource-page{padding-top:30px}.resource-nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--deep)}.resource-nav a:hover{text-decoration:underline}.resource-hero{padding:70px 0 35px;max-width:900px}.resource-hero h1{font-size:clamp(34px,5vw,60px)}.calculator-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.input-panel,.result-panel{padding:36px;border-radius:28px;background:var(--light)}.input-panel h2{font-size:25px}.input-panel p,.explanation,.resource-note{font-size:14px;line-height:1.9;color:var(--muted)}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;margin:28px 0}.input-grid label{font-size:14px;font-weight:600}.input-unit{display:flex;align-items:center;gap:8px;margin-top:10px}.input-unit input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:13px 10px;font:inherit;font-size:18px;background:#fff}.input-unit>span{font-size:12px;font-weight:400;flex-shrink:0}.input-unit input:focus-visible{outline:2px solid var(--deep);outline-offset:2px}.result-panel{background:#163e2b;color:white;position:sticky;top:105px}.result-panel .eyebrow{color:#7ee3a4}.result-main{font-size:clamp(38px,5vw,64px);font-weight:700;letter-spacing:-.04em;margin-bottom:30px;overflow-wrap:anywhere}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}.result-grid span{display:block;color:#c5dfcf;font-size:14px;margin-bottom:10px}.result-grid strong{font-size:24px;overflow-wrap:anywhere}.result-panel>p:last-child{font-size:14px;line-height:1.8;color:#c5dfcf;margin:30px 0 0}.reset-button{border:0;background:none;padding:15px;color:var(--deep);cursor:pointer}.input-panel #input-error{color:#a52626;margin-bottom:0}.explanation{padding:24px 0}.explanation summary{cursor:pointer;font-weight:600}.resource-cta{text-align:center;margin-top:70px;padding:70px 0;border-top:1px solid var(--line)}.resource-cta h2{font-size:32px}.resource-cta p{color:var(--muted);line-height:1.8}.tutorial{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:70px;padding:45px 0;border-top:1px solid var(--line)}.tutorial img{border-radius:24px;border:1px solid var(--line);width:100%}.tutorial h2{font-size:34px}.tutorial p:not(.eyebrow){font-size:18px;line-height:2;color:var(--muted);max-width:600px}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.knowledge-card{padding:36px;background:var(--light);border-radius:24px}.knowledge-card h2{font-size:28px}.knowledge-card>p:not(.eyebrow){line-height:1.95;color:var(--muted)}.resource-note{margin-top:28px}.resource-note a{text-decoration:underline}.resource-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.resource-links>a{padding:32px;background:var(--light);border-radius:24px;transition:transform .2s}.resource-links>a:hover{transform:translateY(-4px)}.resource-links span,.resource-links b{font-size:14px;color:var(--deep)}.resource-links h3{font-size:25px;margin:24px 0 14px}.resource-links p{font-size:15px;line-height:1.8;color:var(--muted)}@media(max-width:800px){.calculator-layout{grid-template-columns:1fr}.result-panel{position:static}.resource-links{grid-template-columns:1fr}.tutorial{grid-template-columns:200px 1fr;gap:30px}.knowledge-grid{grid-template-columns:1fr}}@media(max-width:550px){.input-panel,.result-panel,.knowledge-card{padding:24px}.input-grid{grid-template-columns:1fr}.tutorial{grid-template-columns:1fr;gap:25px}.tutorial img{width:210px;margin:auto}.tutorial h2{font-size:28px}.resource-hero{padding-top:48px}.resource-cta h2{font-size:28px}.result-grid strong{font-size:21px}}