main.bottle{max-width:1160px;margin:0 auto;padding:24px;--ink:#214b47;--soft:#edf4ef;color:#243b35}.bottle h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1}.bottle .intro{max-width:75ch;font-size:1.12rem}.bottle .workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px;background:var(--soft);padding:24px;border-radius:4px;border-top:5px solid var(--ink)}.bottle .result{background:white;border:1px solid #a5bdb0;padding:20px;align-self:start;grid-column:2;grid-row:1}.bottle form{grid-column:1;grid-row:1;min-width:0}.bottle label{display:block;margin:0 0 17px;font-weight:600}.bottle input{display:block;box-sizing:border-box;width:100%;font:inherit;padding:11px;background:#fff;border:1px solid #76998a;border-radius:4px}.bottle button{font:inherit;border:1px solid var(--ink);padding:12px 18px;background:var(--ink);color:white;cursor:pointer;margin:8px 8px 8px 0}.bottle dl{margin:0}.bottle dt{font-size:.9rem;margin-top:16px}.bottle dd{font-size:1.45rem;font-weight:700;margin:0;color:var(--ink)}.bottle :focus-visible{outline:3px solid #b05923;outline-offset:3px}.bottle p,.bottle li{line-height:1.75}.bottle section{margin:30px 0}.bottle details{border-bottom:1px solid #a5bdb0;padding:16px 0}.bottle summary{cursor:pointer;font-weight:bold}.bottle a{text-decoration:underline;color:var(--ink)}@media(max-width:700px){main.bottle{padding:16px}.bottle .workbench{display:flex;flex-direction:column;padding:16px;gap:20px}.bottle .result{order:-1}.bottle input{min-width:0}}@media print{header,footer,.bottle button{display:none}.bottle .workbench{display:block;background:white}.bottle .result{break-inside:avoid}}