*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:#1f2933}.page-shell{width:100%;padding:24px 16px 48px}.card{width:100%;max-width:760px;margin:0 auto;background:#fff;border:1px solid #ddd;border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,.08)}.calculator-card{padding:28px 20px}header{text-align:center}.eyebrow{margin:0 0 8px;color:#1565c0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(32px,8vw,48px);line-height:1.08}.intro{max-width:620px;margin:16px auto 0;color:#666;line-height:1.6}form{margin-top:30px}fieldset,.advanced-options{margin:0;padding:18px;border:1px solid #ddd;border-radius:10px}legend{padding:0 6px;font-weight:700}.radio-option{display:flex;align-items:center;gap:10px;margin-top:12px;cursor:pointer}.radio-option input{width:18px;height:18px;margin:0}.input-grid{display:grid;gap:18px;margin-top:22px}.field{min-width:0}.field label{display:block;margin-bottom:8px;font-weight:700}.input-with-unit{display:grid;grid-template-columns:1fr 110px;gap:8px}input,select,button{font:inherit}input,select{width:100%;min-height:50px;padding:13px 14px;border:1px solid #bbb;border-radius:8px;background:#fff;color:#222}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(21,101,192,.25);outline-offset:2px}.helper{margin:7px 0 0;color:#666;font-size:14px;line-height:1.45}button{width:100%;min-height:52px;margin-top:20px;padding:14px 18px;border:0;border-radius:8px;background:#1565c0;color:#fff;font-weight:700;cursor:pointer}button:hover{background:#0d47a1}.secondary-button{margin-top:18px;background:#f5f7fa;border:1px solid #ccc;color:#222}.secondary-button:hover{background:#e9edf2}.advanced-options{margin-top:18px;background:#fafbfc}.advanced-options summary{cursor:pointer;font-weight:700}.advanced-grid{display:grid;gap:16px;margin-top:18px}.error{min-height:20px;margin:14px 0 0;color:#b42318;font-weight:600}.hidden{display:none!important}.results{margin-top:28px;padding:22px;border:1px solid #cfd8e3;border-radius:12px;background:#f8fafc}.results-heading h2,.info h2,.info h3,.related-tools h2{margin-top:0}.results-heading h2{margin-bottom:18px}.result-grid{display:grid;grid-template-columns:1fr;gap:12px}.result-grid article{padding:16px;border:1px solid #ddd;border-radius:9px;background:#fff}.result-grid span,.result-grid small{display:block}.result-grid span{color:#666;font-size:14px;font-weight:600}.result-grid strong{display:block;margin-top:6px;font-size:22px;line-height:1.2;overflow-wrap:anywhere}.result-grid small{margin-top:4px;color:#777}.result-primary{border-width:2px!important}.result-primary strong{font-size:36px}.reconciliation{margin-top:16px;padding:16px;border:1px solid #d6dde6;border-radius:9px;background:#fff}.reconciliation h3{margin:0 0 7px;font-size:17px}.reconciliation p{margin:0;line-height:1.5}.result-note{margin:18px 0 0;color:#4b5563;line-height:1.55}.layout-panel,.layout-diagram{margin-top:22px;padding:18px;border:1px solid #d6dde6;border-radius:10px;background:#fff}.layout-heading,.layout-diagram-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.layout-heading h3,.layout-diagram h3{margin:0}.layout-badge,.reference-marker{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#f0f4f8;font-size:12px;font-weight:700}.layout-panel p,.layout-diagram p{color:#555;line-height:1.55}.field-layout-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 0;padding-left:28px}.field-layout-list li{padding:8px 8px 8px 2px}.field-layout-list strong,.field-layout-list span{display:block}.field-layout-list span{margin-top:2px;color:#555;font-size:14px}.exact-values{margin-top:14px;padding-top:14px;border-top:1px solid #e1e5ea}.exact-values summary{cursor:pointer;font-weight:700}.layout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.layout-actions .secondary-button{margin-top:14px}.layout-diagram-heading{align-items:center}.reference-marker{border:1px solid #bbb;background:#fff}.board-diagram{display:flex;align-items:flex-end;gap:4px;min-height:116px;margin-top:18px;padding:26px 8px 8px;overflow-x:auto;border:1px solid #d6dde6;border-radius:8px;background:linear-gradient(to bottom,#fff,#f7f9fb)}.diagram-board-wrap{position:relative;flex:0 0 auto;min-width:72px}.diagram-marker{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);padding:3px 6px;border:1px solid #bbb;border-radius:4px;background:#fff;font-size:11px;font-weight:700;white-space:nowrap}.diagram-board{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px;border:1px solid #555;background:#e8edf2;font-size:11px;font-weight:700}.diagram-gap{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;min-height:48px;color:#555;font-size:10px;font-weight:700}.diagram-ellipsis{flex:0 0 auto;padding:0 5px 16px;font-size:20px;font-weight:700}.diagram-footnote{margin-bottom:0}.print-disclaimer{font-size:13px}.info{margin-top:34px;line-height:1.7}.info h2{margin-bottom:10px}.info h3{margin-top:28px;margin-bottom:8px}.info p{margin-top:8px;color:#555}hr{margin:34px 0;border:0;border-top:1px solid #ddd}.related-tools ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}.related-tools a{display:block;padding:13px 14px;border:1px solid #ddd;border-radius:8px;color:#222;text-decoration:none;font-weight:600}.related-tools a:hover{background:#1565c0;color:#fff}.back-home{display:inline-block;margin-top:30px;color:#1565c0;font-weight:700;text-decoration:none}.back-home:hover{text-decoration:underline}@media(min-width:640px){.page-shell{padding:48px 24px 72px}.calculator-card{padding:42px}.input-grid{grid-template-columns:1fr 1fr}.field-wide{grid-column:1/-1}.advanced-grid{grid-template-columns:1fr 1fr}.advanced-grid .field-wide{grid-column:1/-1}.result-grid{grid-template-columns:1fr 1fr}.result-primary{grid-column:1/-1}}@media(max-width:420px){.field-layout-list{grid-template-columns:1fr}.layout-heading,.layout-diagram-heading{align-items:flex-start}.result-grid strong{font-size:20px}.layout-actions{grid-template-columns:1fr}.reference-marker{font-size:10px}.diagram-board{min-width:64px}.diagram-gap{width:28px}}@media print{body{background:#fff;color:#000}.page-shell{padding:0}.card{max-width:none;border:0;box-shadow:none}.calculator-card{padding:0}form,.info,.related-tools,.back-home,hr,.results-heading,.layout-diagram,#reset-button,.layout-actions,.error,.exact-values{display:none!important}.results{display:block!important;margin:0;padding:0;border:0;background:#fff}.result-grid{grid-template-columns:1fr 1fr}.layout-panel{margin-top:16px;border:0;padding:0}.field-layout-list{grid-template-columns:1fr 1fr}.layout-badge{border:1px solid #999;background:#fff}.result-note{color:#000}}