/* R160 — every color, font, control and spacing derives from the shared system. */
.home-page .sh-home-row{margin-top:var(--dq-home-gap);margin-bottom:11px}
.home-page .sh-feature-tile{position:relative;isolation:isolate;overflow:hidden;transition:transform var(--dq-motion-normal),box-shadow var(--dq-motion-normal);background:var(--dq-color-tile-bg)}
.home-page .sh-feature-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.home-page .sh-feature-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#00101ef5,transparent 68%);pointer-events:none}
.home-page .sh-feature-tile b{color:var(--dq-color-on-dark);text-shadow:0 2px 5px #000;white-space:nowrap;font-size:clamp(9px,2.8vw,12px)}
.home-page .sh-feature-tile:hover,.home-page .sh-feature-tile:focus-visible{transform:translateY(-3px);box-shadow:0 10px 20px #0009,0 0 0 1px var(--dq-color-accent)}
.sh-page .hero.compact{min-height:157px}.sh-page .hero-title{max-width:85%}
.sh-content{padding-top:2px;padding-bottom:30px}
.sh-heading{display:flex;justify-content:center;margin:0 0 var(--dq-space-4)}
.sh-content .sh-capsule{min-height:40px;padding:10px 13px;width:max-content;max-width:100%;font-size:clamp(10px,3.05vw,13px);font-weight:700;white-space:nowrap;letter-spacing:0}
.sh-form{gap:var(--dq-space-3)}.sh-form-intro{padding-bottom:var(--dq-space-2);border-bottom:1px solid #d4a96955}
.sh-eyebrow{display:block;font:700 9px/1.5 var(--dq-font-body);letter-spacing:.08em;color:var(--dq-color-neutral);margin-bottom:6px}
.sh-form-intro h2{margin-bottom:4px}.sh-form-intro p{font-size:12px;color:var(--dq-color-muted)}
.sh-control{display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;font-weight:700;color:var(--dq-color-text);cursor:pointer}
.sh-control svg{transform:rotate(90deg);color:var(--dq-color-neutral)}
.sh-control span{min-width:0;overflow-wrap:anywhere}
.sh-helper{font:400 11px/1.5 var(--dq-font-body);color:var(--dq-color-muted)}
.sh-form .sh-submit{width:100%;justify-content:center;border-radius:var(--dq-radius-pill);min-height:48px;background:linear-gradient(125deg,#244e60,#082a3c);box-shadow:0 4px 12px #0b243433}
.sh-submit span{flex:1}.sh-form .sh-error{padding:9px 11px;background:#fae9dd;border-left:3px solid var(--dq-color-caution);border-radius:7px;color:var(--dq-color-caution);font-size:12px}
.sh-form [hidden]{display:none!important}
.sh-results{scroll-margin-top:var(--dq-space-4);margin:var(--dq-space-4) 0;outline:none}
.sh-identity h2{font-size:22px!important;line-height:1.35;overflow-wrap:anywhere;margin-bottom:var(--dq-space-3)!important}
.sh-profile{display:grid;grid-template-columns:75px minmax(0,1fr);gap:6px 8px;font-size:12px;line-height:1.6}
.sh-profile>span{color:var(--dq-color-muted)}.sh-profile b{font-weight:700}
.sh-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-space-2)}
.sh-summary{display:grid;align-content:start;gap:8px;padding:15px 11px;min-width:0;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-card);background:linear-gradient(145deg,#193e52,#051e30);color:var(--dq-color-on-dark);box-shadow:var(--dq-shadow-control)}
.sh-summary>span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--dq-color-accent-soft)}
.sh-summary strong{font:700 clamp(19px,5.3vw,23px)/1.35 var(--dq-font-display);overflow-wrap:anywhere}
.sh-summary small{color:#f0d9b4;font-size:10px}.sh-summary.sh-good{background:linear-gradient(145deg,#214d43,#092b30)}
.sh-detail-card{display:grid;gap:var(--dq-space-3)}
.sh-detail-card header{display:flex;flex-wrap:wrap;align-items:center;gap:7px;border-bottom:1px solid #d4a96955;padding-bottom:var(--dq-space-2)}
.sh-detail-card header h2{flex:1;margin:0!important;line-height:1.35;min-width:0}
.sh-section-icon{display:grid;place-items:center;color:var(--dq-color-neutral);flex:none}
.sh-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 8px;border:1px solid #c39c6955;border-radius:var(--dq-radius-pill);background:#ebddc2;color:var(--dq-color-neutral);font:700 10px/1.4 var(--dq-font-body)}
.sh-badge.sh-good{color:var(--dq-color-positive);background:#e1eee1}.sh-badge.sh-care{color:var(--dq-color-caution);background:#f5e2d9}
.sh-detail-card>p,.sh-detail p{font-size:13px;line-height:1.7!important}
.sh-detail-grid{display:grid;gap:var(--dq-space-3)}
.sh-detail h3{margin:0 0 4px!important;font:700 14px/1.45 var(--dq-font-body)!important;color:#855a24}
.sh-ritual{padding:11px;border-radius:var(--dq-radius-control);background:#eddfc4;font-size:12px}.sh-ritual p{margin-top:5px;line-height:1.65!important}
.sh-years-card header h2{margin-bottom:8px}.sh-years-card>.dq-muted{font-size:11px;line-height:1.6}
.sh-table-scroll{width:100%;overflow-x:auto;margin-top:var(--dq-space-3);border:1px solid #d3b487;border-radius:10px}
.sh-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.5;text-align:left}
.sh-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sh-table th,.sh-table td{padding:9px 6px;border-bottom:1px solid #dcc49e;vertical-align:middle}
.sh-table thead th{font-weight:700;color:#fff0d1;background:#15384a;white-space:nowrap}
.sh-table tbody th{font-weight:400;width:27%}.sh-table tbody th small{display:block;font-size:9px;white-space:nowrap;color:var(--dq-color-muted)}
.sh-table tbody th button{padding:4px 6px;min-height:32px;border:1px solid #d8b989;border-radius:7px;background:#fff9ea;color:#163347;font-weight:700;font-size:12px}
.sh-table .sh-active-year{background:#ecd6ad}.sh-table .sh-active-year th button{background:#163347;color:#ffedc6;border-color:#163347}
.sh-table tbody tr:last-child>*{border-bottom:0}
.sh-footnote{font-size:10px;line-height:1.6!important;color:#e4d7bd;margin:0 4px}
.sh-method{border:1px solid #d4a96966;border-radius:var(--dq-radius-card);background:#062236cc;color:#efe5d1;margin-top:var(--dq-space-4)}
.sh-method summary{padding:13px;font:700 12px/1.5 var(--dq-font-body);cursor:pointer}.sh-method-body{padding:0 13px 13px;font-size:11px;line-height:1.65}.sh-method-body p+p{margin-top:10px}.sh-method a{color:var(--dq-color-accent-soft)}.sh-method ul{padding-left:17px;display:grid;gap:7px;margin:10px 0 0}
.sh-picker{font:14px/1.5 var(--dq-font-body)}.sh-picker .number-date-picker{padding:18px}.sh-picker .number-wheel-column{min-width:0}.sh-picker .sh-wheel{scroll-padding-block:88px}
.sh-picker .sh-wheel button{font-family:var(--dq-font-body);font-size:15px}.sh-picker .sh-wheel button.selected{font-size:18px}
.sh-picker .number-wheel-columns:has(>div:only-child){grid-template-columns:minmax(0,1fr)}
.sh-picker .number-picker-actions button{min-height:44px}.sh-picker .sh-picker-error{padding-top:8px;color:var(--dq-color-caution);font-size:11px}.sh-picker [hidden]{display:none!important}
@media(max-width:359px){.sh-content .sh-capsule{font-size:10px;padding-inline:10px}.sh-content .dq-card{padding:12px}.sh-summary{padding:12px 8px}.sh-profile{grid-template-columns:68px minmax(0,1fr);font-size:11px}.sh-table{font-size:10px}.sh-table th,.sh-table td{padding:8px 4px}.sh-content .dq-input{font-size:13px}}
@media(prefers-reduced-motion:reduce){.home-page .sh-feature-tile{transition:none}.home-page .sh-feature-tile:hover{transform:none}}

/* R161: compact calculation guide, matches the existing navy/gold card. */
.sh-method-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.55;margin:12px 0;text-align:left}
.sh-method-table caption{text-align:left;font-weight:700;color:#f1d39d;padding:0 0 6px}
.sh-method-table th,.sh-method-table td{padding:7px 5px;border-bottom:1px solid #d4a96940}
.sh-method-table thead th{color:#f1d39d;background:#15384a}
.sh-method-table tbody th{width:24%;font-weight:400}