.tr-hero{padding-block:60px 40px}.tr-hero h1{font:clamp(46px,7vw,84px)/1 var(--serif,Georgia,serif);margin:24px 0;letter-spacing:-.02em}.tr-hero>p:not(.eyebrow){font-size:21px;line-height:1.6;max-width:900px}.tr-reader{padding-block:30px 60px}.tr-controls{display:grid;grid-template-columns:1fr 1fr 1.4fr 1fr;gap:18px;align-items:end;padding:24px;background:#e9eee4}.tr-controls label{display:flex;flex-direction:column;gap:9px;font-weight:600}.tr-controls select{width:100%;padding:11px;border:1px solid #9fafaa;background:#fff;color:#173f46;font:inherit}.tr-controls input[type=range]{width:100%;min-height:42px;accent-color:#9b6338}.tr-controls .tr-road{flex-direction:row;align-items:center;min-height:45px;font-size:15px}.tr-presets{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.tr-presets button,.tr-actions button{font:inherit;padding:12px 18px;background:#173f46;color:#fff;border:1px solid #173f46;cursor:pointer;text-align:left}.tr-presets button:hover,.tr-actions button:hover{background:#2b5c61}.tr-instruction{font-size:16px;line-height:1.6}.tr-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:32px;margin-top:24px}.tr-layout svg{display:block;width:100%;height:auto}.tr-key{padding:20px 24px;background:#f1f0e5}.tr-key>div{height:14px;margin-top:15px}.tr-key>p{display:flex;justify-content:space-between;margin:8px 0 12px;font-size:14px}.tr-key small{display:block;line-height:1.6}.tr-notes h2{font:clamp(30px,3vw,44px)/1.1 var(--serif,Georgia,serif);margin:14px 0 24px}.tr-notes dl{margin:0}.tr-notes dl>div{padding:16px 0;border-top:1px solid #b8c8be}.tr-notes dt{font-size:13px;font-weight:bold;text-transform:uppercase;letter-spacing:.03em}.tr-notes dd{font-size:19px;line-height:1.4;margin:8px 0 0}.tr-notes p{line-height:1.6}.tr-limit{padding:22px;background:#edf0e5;border-left:4px solid #b0804b;margin:28px 0}.tr-limit p{font-size:16px;margin-bottom:0}.tr-actions{display:flex;flex-direction:column;gap:12px}.tr-actions a{line-height:1.5}.tr-explain{padding-block:30px 65px}.tr-explain h2{font:clamp(32px,4vw,48px)/1.1 var(--serif,Georgia,serif)}.tr-explain>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tr-explain article{border-top:1px solid #bbc9bd;padding-top:18px}.tr-explain h3{font-size:23px;line-height:1.2}.tr-explain p{line-height:1.65;max-width:950px}.tr-explain details{background:#edf0e5;padding:22px;margin-top:30px}.tr-explain summary{font-size:18px;font-weight:bold;cursor:pointer}.tr-explain a,.tr-actions a{overflow-wrap:anywhere}.tr-invite{padding:28px;margin-block:28px;background:#e9eee4;border-left:4px solid #b0804b}.tr-invite h2{font:34px/1.1 var(--serif,Georgia,serif);margin:12px 0}.tr-invite p{line-height:1.6;max-width:800px}.tr-saved{padding-block:26px;border-bottom:2px solid #173f46}.tr-saved p{max-width:900px}@media(max-width:1050px){.tr-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-layout{grid-template-columns:1fr}.tr-layout>div{max-width:900px}.tr-notes dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}}@media(max-width:600px){.tr-hero{padding-top:36px}.tr-hero>p:not(.eyebrow){font-size:18px}.tr-controls,.tr-explain>div,.tr-notes dl{grid-template-columns:1fr}.tr-controls{padding:18px}.tr-presets{display:grid;grid-template-columns:1fr}.tr-key{padding:18px}.tr-limit{padding:18px}}@media print{.tr-controls,.tr-presets,.tr-actions,.tr-instruction{display:none}.tr-layout{grid-template-columns:1fr}.tr-hero,.tr-reader,.tr-explain{padding-block:16px}.tr-layout>div{max-width:600px}.tr-notes dl{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tr-limit,.tr-explain article{break-inside:avoid}.tr-explain details{display:block}}
