.otl{max-width:1200px;margin:auto;padding:24px;color:#edf9f4;font-family:Arial,sans-serif}.otl h1,.otl h2,.otl h3{word-break:normal;overflow-wrap:normal;hyphens:none}.otl h1{font-size:clamp(32px,5vw,62px);line-height:1.15;max-width:950px}.otl p,.otl li{line-height:1.65;max-width:80ch}.otl-nav,.otl-tabs,.otl-tools{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.otl a{color:inherit}.otl-nav a{padding:8px 4px}.otl-hero{padding:35px 0}.otl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px}.otl-panel{background:rgba(13,30,36,.96);border:1px solid #335250;border-radius:22px;padding:28px;margin-bottom:22px}.otl button,.otl-button{background:#b2f1d7;color:#102522;border:1px solid transparent;padding:12px 17px;border-radius:10px;cursor:pointer;display:inline-block;text-decoration:none;font:inherit;font-weight:600;margin:4px}.otl button:disabled{opacity:.5;cursor:not-allowed}.otl button[aria-pressed=true]{background:#dcc3ff;color:#271742}.otl :focus-visible{outline:3px solid #bb95ff;outline-offset:3px}.otl input,.otl select,.otl textarea{box-sizing:border-box;max-width:100%;background:#f7fbfa;color:#14231f;border:1px solid #809c93;border-radius:8px;padding:10px;font:inherit}.otl textarea{width:100%;resize:vertical}.otl-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.otl-fields label{display:flex;flex-direction:column;gap:8px;font-size:14px}.otl dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.otl dd{margin:0;text-align:right;font-weight:700}.otl dt{color:#b8d2c9}.otl blockquote{background:#c8f4e80d;border-left:3px solid #aee8cd;padding:18px;margin:20px 0}.otl label.choice{display:block;padding:10px 0}.otl label.choice input{margin-right:10px}.otl fieldset{border:1px solid #526d68;border-radius:10px}.otl-day{display:flex;align-items:start;gap:14px;padding:16px 0;border-bottom:1px solid #34524b}.otl progress{width:75%;accent-color:#aee8cd}.otl-scroll{overflow:auto;max-width:100%}.otl table{border-collapse:collapse;width:100%;margin:15px 0}.otl th,.otl td{padding:8px;border-bottom:1px solid #49645c;text-align:left}.otl td input{width:125px}.otl pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#061c20;padding:20px;border-radius:12px;line-height:1.7;color:#ddf7ee}.otl details{border-bottom:1px solid #34524b;padding:16px 0}.otl summary{cursor:pointer;font-weight:600}.otl [hidden]{display:none!important}.otl img{max-width:100%;border-radius:14px}.otl .recipe-book{background:#fffdf7;color:#27221c;padding:32px;border-radius:14px}.otl .recipe-book h1,.otl .recipe-book h2{font-family:Georgia,serif}.otl .recipe-book article{break-before:page;border-bottom:1px solid #d4c9b8;padding:28px 0}.otl .recipe-book a{color:#8b2119}.otl .sponsor-viewport{height:65vh;overflow:auto;background:#07141a;border:1px solid #34524b;border-radius:18px;position:relative}.otl .sponsor-grid{position:relative;transform-origin:0 0}.otl .sponsor-tile{position:absolute;display:grid;place-items:center;overflow:hidden;border:1px solid #152c2a;background:#acd7bc;color:#102521;font-size:11px;text-decoration:none}.otl .sponsor-tile:hover{outline:3px solid #d8b7ff;z-index:2}.otl .wall-banner{display:flex;gap:10px;overflow:auto;padding:12px;background:#10282d;border-radius:14px}.otl .wall-banner a{min-width:90px;padding:12px}.otl .food-steps{display:flex;gap:8px;flex-wrap:wrap}.otl .food-steps span{background:#eee3d3;color:#372315;padding:10px;border-radius:8px}@media(max-width:640px){.otl{padding:14px}.otl-panel{padding:20px}.otl-tabs{flex-wrap:nowrap;overflow:auto}.otl-tabs button{white-space:nowrap}.otl-hero{padding:20px 0}.otl dl{font-size:14px}.otl .recipe-book{padding:18px}}@media print{.top,.navigation,.otl-nav,.otl-tabs,.otl-tools,footer,button,header.top{display:none!important}.otl{color:#111!important;max-width:none}.otl [data-panel]{display:block!important}.otl-panel{background:white;color:#111;border:0}.otl pre{color:#111;background:#eee}.otl [data-panel=tracker],.otl [data-panel=calculator]{display:none!important}}

.otl-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.otl-panel{min-width:0}.otl legend{max-width:100%}.otl pre{font-size:15px}.otl summary:focus-visible{outline:3px solid #bb95ff;outline-offset:4px}
