.practical-page{max-width:1120px;padding-bottom:40px}.practical-intro{max-width:880px;padding:24px 0}.practical-intro h1{font-size:clamp(28px,4vw,44px);line-height:1.16;margin:12px 0 24px}.practical-page p{line-height:1.65}.practical-intro .lead{max-width:850px}.practical-calculator,.practical-section,.practical-instructions,.practical-demo{margin:32px 0;padding:32px;background:rgba(255,255,255,.94);border:1px solid #d8e7e3;border-radius:24px}.practical-page h2{font-size:clamp(22px,3vw,30px);line-height:1.25;margin:0 0 24px}.practical-page h3{line-height:1.4;margin:0 0 8px}.practical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.practical-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-weight:600;line-height:1.4}.practical-field input{box-sizing:border-box;display:block;width:100%;height:44px;min-height:44px;min-width:0;padding:10px 12px;border:1px solid #9cb8b1;border-radius:10px;background:#fff;color:#162f29;font:inherit;font-weight:400;font-size:16px;line-height:22px}.practical-field input:focus{outline:2px solid #087960;outline-offset:2px}.practical-field small{font-weight:400;line-height:1.5;color:#4e635d}.practical-form fieldset,.practical-options form fieldset{border:0;padding:0;margin:32px 0}.practical-form legend,.practical-options legend{font-weight:700;font-size:18px;margin-bottom:24px}.practical-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.practical-page .practical-actions .button,.practical-page .practical-demo .button,.practical-page .practical-section>.button{box-sizing:border-box;min-height:44px;height:44px;white-space:nowrap;line-height:20px;padding:12px 16px;margin:0;font-size:15px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.practical-page button:disabled{opacity:.55;cursor:not-allowed}.practical-error{padding:12px 16px;margin:16px 0 0;background:#fff1ee;color:#9b241d;border-radius:10px;overflow-wrap:anywhere}.practical-error[hidden],.practical-output[hidden],.practical-page [hidden]{display:none!important}.practical-output{margin-top:32px;overflow-wrap:anywhere}.practical-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:24px 0}.practical-metric{padding:20px;border-radius:16px;background:#edf8f6}.practical-metric span{display:block;color:#38594f;line-height:1.5;margin-bottom:8px}.practical-metric strong{display:block;font-size:24px;line-height:1.3;color:#123f33;font-variant-numeric:tabular-nums}.practical-table-scroll{overflow:auto;max-width:100%;margin:24px 0;border:1px solid #d8e7e3;border-radius:12px}.practical-page table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.practical-page th,.practical-page td{padding:16px;text-align:left;border-bottom:1px solid #e5ece9;min-width:130px;vertical-align:top}.practical-page th{background:#f0f7f4}.practical-page td.number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.practical-page .practical-options{margin:24px 0;padding:20px;border:1px solid #c5dcd5;border-radius:16px;background:#fbfefd}.practical-options>summary{font-weight:650;cursor:pointer;line-height:1.5;min-height:24px}.practical-options[open]>summary{margin-bottom:24px}.practical-options .practical-grid{margin:24px 0}.practical-radio label,.practical-check{display:flex;gap:12px;align-items:center;line-height:1.5;min-height:44px;font-weight:400}.practical-radio input,.practical-check input{flex:0 0 auto;width:20px;height:20px;margin:0}.practical-radio{display:flex;flex-wrap:wrap;gap:16px}.practical-radio legend{width:100%}.practical-check{margin-top:24px}.practical-row{padding:24px 0;border-bottom:1px solid #d8e7e3}.practical-row:first-child{padding-top:0}.practical-row .practical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practical-row-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.practical-row-head h3{margin:0}.practical-row-head button{min-height:44px;padding:8px 12px;border:1px solid #c0d4cd;border-radius:10px;color:#38594f;background:white;cursor:pointer}.practical-rows{margin:24px 0}.practical-budget{margin-top:24px}.practical-instructions ol{padding-left:24px}.practical-instructions li{padding-left:8px;margin:24px 0}.practical-instructions li::marker{font-weight:700;color:#087960}.practical-contents{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0}.practical-contents a{line-height:1.5}.practical-links{padding-left:24px;margin:24px 0 0}.practical-links li{margin:12px 0}.practical-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.practical-card-grid .tool-card{display:flex;flex-direction:column;padding:24px}.practical-card-grid .tool-card h2{font-size:22px}.practical-card-grid .tool-card strong{margin-top:auto}.practical-demo{display:flex;gap:24px;align-items:center;justify-content:space-between}.practical-demo p{margin:0;max-width:760px}.practical-demo .button{flex-shrink:0}.practical-help-link{margin:24px 0}.practical-note{padding:16px;background:#f4f8fa;border-radius:12px;line-height:1.6}.practical-visual{display:grid;gap:12px;margin:24px 0}.practical-bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;font-variant-numeric:tabular-nums}.practical-bar{grid-column:1/-1;display:block;width:100%;height:8px;background:#eef3f4;border-radius:4px;overflow:hidden}.practical-bar i{display:block;height:100%;background:var(--bar-color,#18b2ac);border-radius:4px}.practical-home-materials{padding:40px 0}.practical-home-materials .practical-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.practical-shot{margin:24px 0}.practical-shot img,.practical-recording video{width:100%;height:auto;display:block;border:1px solid #d8e7e3;border-radius:16px}.practical-shot figcaption{font-size:14px;color:#4e635d;margin-top:12px;line-height:1.5}.practical-recording{margin:32px 0}.practical-recording video{max-height:720px}.practical-page .calculator-hint{min-height:1.5em}.practical-page .calculator-hint:empty{display:block}.practical-page a:focus-visible,.practical-page summary:focus-visible,.practical-page button:focus-visible{outline:2px solid #087960;outline-offset:4px}
@media(max-width:760px){.practical-card-grid,.practical-home-materials .practical-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practical-calculator,.practical-section,.practical-instructions,.practical-demo{padding:24px}.practical-demo{align-items:flex-start;flex-direction:column}.practical-grid,.practical-row .practical-grid{grid-template-columns:1fr}.practical-summary{grid-template-columns:1fr 1fr}.practical-page .practical-options{padding:16px}.practical-page .practical-radio{display:block}.practical-field>span{min-height:0}}
@media(max-width:480px){.practical-intro{padding-top:16px}.practical-calculator,.practical-section,.practical-instructions,.practical-demo{padding:20px 16px;border-radius:16px;margin:24px 0}.practical-card-grid,.practical-home-materials .practical-card-grid,.practical-summary{grid-template-columns:1fr}.practical-page .practical-actions .button{padding-inline:12px;font-size:14px}.practical-page{padding-bottom:72px}.practical-page th,.practical-page td{padding:12px}.practical-row-head{gap:8px}.practical-options>summary{overflow-wrap:anywhere}.practical-page .practical-options{padding:16px 12px}.practical-visual strong{font-size:14px}.practical-card-grid .tool-card{padding:24px}}