:root{color-scheme:light;--paper:#f7f3e8;--green:#254d3b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#172b21;font:18px/1.5 system-ui,sans-serif}header{padding:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #b8c4b5}header a{font-weight:750;color:var(--green);text-decoration:none}nav{display:flex;gap:.5rem;flex-wrap:wrap}main{max-width:58rem;padding:1rem;margin:auto}h1{font-size:1.8rem;line-height:1.2}h2{font-size:1.25rem}button,input,select,textarea{font:inherit;max-width:100%;min-height:48px}button{padding:.5rem .85rem;background:var(--green);color:white;border:0;border-radius:4px;cursor:pointer}button.secondary{background:#e3e9de;color:var(--green)}input,select,textarea{display:block;width:100%;padding:.6rem;background:#fffdf7;border:1px solid #788974;border-radius:3px}label{display:block;margin:.9rem 0}form{max-width:38rem}.row,.tabs,.pad{display:flex;gap:.5rem;flex-wrap:wrap}.pad button{min-width:56px}.card{padding:1rem 0;border-bottom:1px solid #c8cec0}.chip{display:inline-block;padding:.1rem .6rem;background:#e3e9de;border-radius:4px}.error,#notice{color:#8b2924}.photo{width:100%;max-width:340px;height:auto}.total{font-size:2.5rem;font-weight:750}.cover[hidden],[hidden]{display:none!important}pre{white-space:pre-wrap;overflow-wrap:anywhere}small{font-size:.85rem}@media(max-width:420px){main,header{padding:.8rem}nav button{padding:.4rem .6rem}.tabs button{flex:1 1 90px}h1{font-size:1.6rem}}

/* Server-priced board, 22 Oct 2026. */
.price{font-size:2.5rem;font-weight:700}.warning{color:#a02020;font-weight:700}output{display:block;font-size:1.25rem}input[type=range]{width:100%}
/* Authenticator link and Team confirm step, Claude fix 23 Oct 2026. */
a.button{display:inline-block;padding:.5rem .85rem;background:var(--green);color:white;border-radius:4px;text-decoration:none;min-height:48px}.confirm{padding:.5rem 0}

/* Phone trial, 1 Nov 2026: keep downward gestures in the app and controls easy to tap. */
html,body{overscroll-behavior-y:contain}button,a.button,input,select{min-width:44px;min-height:48px}
#notice{scroll-margin:1rem;overflow-wrap:anywhere}#notice:empty{display:none}
input[type=checkbox]{width:44px;height:44px}button:disabled{opacity:.65;cursor:wait}
/* Help icons, 9 Nov 2026: a small "i" beside a box's label; its note opens in the flow between the label and the box, so it stays
   inside the screen at phone width, never scrolls the page sideways and never covers the box it explains. */
label.helped{display:flex;flex-wrap:wrap;align-items:center;column-gap:.5rem}
label.helped>input,label.helped>select,label.helped>textarea{order:3;flex:1 1 100%}
label.helped>input[type=checkbox]{flex:0 0 100%;max-width:44px}
label.helped>.helpwrap{display:contents}
.helpbtn{order:1;position:relative;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border-radius:50%;background:#e3e9de;color:var(--green);border:2px solid var(--green);font:italic 700 15px/1 Georgia,serif;display:inline-flex;align-items:center;justify-content:center}
.helpbtn::after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}
.helpbtn[aria-expanded=true]{background:var(--green);color:#fff}
.helpbtn:focus-visible{outline:3px solid #172b21;outline-offset:2px}
.helpbubble{order:2;flex:1 1 100%;display:block;margin:.1rem 0 .3rem;padding:.55rem .7rem;background:#fffdf7;border:1px solid #788974;border-left:4px solid var(--green);border-radius:3px;font-size:.9rem;font-weight:400;line-height:1.4;color:#172b21;overflow-wrap:anywhere}