.practical-box{padding:0;overflow:hidden}
.practical-box .readable-intro{background:linear-gradient(135deg,#f8fbff,#f7fcf9)}
.practical-form{margin:0}
.practical-section{padding:24px 27px;border-top:1px solid var(--line)}
.practical-section:first-child{border-top:0}
.practical-section h2{margin:0 0 6px;font-size:19px;line-height:1.4}
.practical-section>p{margin:0 0 18px;color:#66738a;font-size:13px;line-height:1.65}
.practical-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.practical-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.practical-fields label,.subscription-field{display:flex;flex-direction:column;gap:6px;color:#46556b;font-size:14px;font-weight:700}
.practical-fields input,.practical-fields select,.subscription-field input,.subscription-field select{width:100%;min-height:52px;border:1px solid #d9e0e8;border-radius:9px;background:#fff;padding:12px;color:#243146;font:inherit}
.practical-fields input::placeholder,.subscription-field input::placeholder{color:#9aa5b5;opacity:1}
.practical-fields input:focus,.practical-fields select:focus,.subscription-field input:focus,.subscription-field select:focus{outline:2px solid #b9cdfb;outline-offset:1px;border-color:#7fa2ef}
.practical-field-help{display:block;margin-top:5px;color:#78869a;font-size:12px;font-weight:500;line-height:1.5}
.practical-inline-help{margin:14px 0 0!important;color:#647289!important;font-size:13px!important}
.practical-inline-help a{font-weight:800}
.practical-actions{display:flex;gap:10px;align-items:center;padding:0 27px 24px}
.practical-actions .primary-btn{flex:1;margin:0}
.practical-secondary{min-height:48px;border:1px solid #d5deea;border-radius:9px;background:#fff;padding:11px 18px;color:#425169;font:inherit;font-weight:800;cursor:pointer}
.practical-secondary:hover{border-color:#9fb8f5;color:var(--brand);background:#f8fbff}
.practical-box>.result{margin:0 27px 22px}
.practical-box>.calculator-note{padding:0 27px 22px}
.practical-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.practical-metric{min-width:0;padding:13px;border:1px solid #dfe7f3;border-radius:9px;background:#fff}
.practical-metric span{display:block;margin-bottom:4px;color:#68768a;font-size:12px;line-height:1.35}
.practical-metric b,.practical-metric strong{display:block;color:#263a58;font-size:16px;line-height:1.35;letter-spacing:-.3px;overflow-wrap:anywhere}
.practical-metric.primary{border-color:#c9d9fb;background:#f7faff}
.practical-metric.primary strong{color:var(--brand);font-size:21px}
.practical-verdict{margin:14px 0;padding:15px 16px;border:1px solid #d7e1ef;border-radius:9px;background:#fff}
.practical-verdict b{display:block;margin-bottom:5px;color:#2f4770;font-size:17px}
.practical-verdict p{margin:0!important;color:#526071!important;font-size:14px!important;line-height:1.65!important}
.practical-verdict.positive{border-color:#b9e3d1;background:#f4fbf7}
.practical-verdict.positive b{color:#16734b}
.practical-verdict.negative{border-color:#f0c9c9;background:#fff8f8}
.practical-verdict.negative b{color:#ae3434}
.practical-table-wrap{max-width:100%;margin-top:14px;overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:#fff}
.practical-table{width:100%;min-width:620px;border-collapse:collapse;font-size:13px}
.practical-table th,.practical-table td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.practical-table th{background:#f7f9fc;color:#526071;font-weight:800}
.practical-table th:first-child,.practical-table td:first-child{text-align:left}
.practical-table tbody tr:last-child td{border-bottom:0}
.practical-table td strong{color:#263a58}
.result-copy-actions{display:flex;justify-content:flex-end;margin-top:14px;padding-top:13px;border-top:1px solid #dfe7f3}
.result-copy-button{border:1px solid #cbd8ec;border-radius:8px;background:#fff;padding:8px 12px;color:#304158;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.result-copy-button:hover{border-color:#9fb8f5;color:var(--brand);background:#f8fbff}
.subscription-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 27px 12px}
.subscription-toolbar h2{margin:0;font-size:19px}
.subscription-toolbar p{margin:4px 0 0;color:#66738a;font-size:13px}
.subscription-add{flex:0 0 auto;border:1px solid #aebfda;border-radius:8px;background:#fff;padding:9px 13px;color:#304158;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.subscription-add:hover{border-color:#7fa2ef;color:var(--brand);background:#f8fbff}
.subscription-list{display:grid;gap:12px;padding:10px 27px 22px}
.subscription-row{padding:16px;border:1px solid #dfe6ef;border-radius:10px;background:#fff}
.subscription-row-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.subscription-row-title{color:#34445b;font-size:14px;font-weight:900}
.subscription-row-actions{display:flex;align-items:center;gap:4px}
.subscription-remove{border:1px solid transparent;border-radius:8px;background:transparent;padding:7px 10px;color:#69778b;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.subscription-remove:hover{border-color:#f0d0d0;background:#fff8f8;color:#ad3f3f}
.subscription-row-fields{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:10px;align-items:start}
.subscription-toggle{display:flex;min-height:44px;align-items:center;gap:7px;border:1px solid #dfe6ef;border-radius:8px;background:#f8fafc;padding:7px 10px;color:#536176;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.subscription-toggle input{width:18px;height:18px;accent-color:var(--brand)}
.subscription-toggle:has(input:checked){border-color:#efcaca;background:#fff8f8;color:#a33d3d}
.subscription-options{padding-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.subscription-options .practical-section{border-top:0;padding-top:0}
.subscription-status{font-weight:800}
.subscription-status.cancel{color:#ae3434}
.subscription-status.keep{color:#16734b}
.result-copy-button,.subscription-add,.subscription-remove{min-height:44px}
.result-copy-button,.subscription-remove{min-width:44px}
.practical-faq details{padding:14px 0;border-bottom:1px solid var(--line)}
.practical-faq summary{cursor:pointer;color:#2e3b50;font-weight:800}
.practical-faq p{margin:8px 0 0;color:#5b687b;font-size:14px;line-height:1.7}
@media(max-width:900px){
  .practical-fields.three{grid-template-columns:1fr 1fr}
  .subscription-row-fields{grid-template-columns:1fr 1fr}
  .practical-summary-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .practical-section{padding:20px}
  .practical-fields,.practical-fields.three{grid-template-columns:1fr}
  .practical-actions{display:grid;grid-template-columns:1fr;padding:0 20px 20px}
  .practical-actions .primary-btn,.practical-secondary{width:100%}
  .practical-box>.result{margin:0 20px 18px}
  .practical-box>.calculator-note{padding:0 20px 18px}
  .practical-summary-grid{grid-template-columns:1fr 1fr;gap:8px}
  .practical-metric{padding:11px}
  .practical-metric.primary strong{font-size:18px}
  .subscription-toolbar{align-items:flex-start;padding:19px 20px 10px}
  .subscription-list{padding:10px 20px 20px}
  .subscription-row{padding:13px}
  .subscription-row-head{align-items:flex-start}
  .subscription-row-fields{grid-template-columns:1fr}
  .result-copy-actions{justify-content:stretch}
  .result-copy-button{width:100%}
}
@media(max-width:390px){
  .practical-summary-grid{grid-template-columns:1fr}
  .subscription-toolbar{display:block}
  .subscription-add{width:100%;margin-top:12px}
}