/* web98 skin: matches grabyourassets.com/plans/ (Times, gray bevels, teal tiled bg). System fonts only, no external assets. */
:root{--gray:#c0c0c0;--mid:#808080;--navy:#000080;--teal:#008080;--link:#0000ee;--vlink:#551a8b;--alink:#ee0000;
--serif:"Times New Roman",Times,serif;--sans:Arial,Helvetica,sans-serif;--comic:"Comic Sans MS","Comic Sans","Chalkboard SE","Comic Neue",cursive,sans-serif}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{padding:12px 8px 24px;font:16px/1.4 var(--serif);color:#000;background-color:var(--teal);
background-image:linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.12) 75%),linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.12) 75%);
background-size:24px 24px;background-position:0 0,12px 12px}
a{color:var(--link);text-decoration:underline}a:visited{color:var(--vlink)}a:hover,a:active{color:var(--alink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px dotted #000;outline-offset:2px;background:#ffff80;color:#000}
.page{width:980px;max-width:100%;margin:0 auto;background:var(--gray);border:3px outset #e8e8e8;box-shadow:4px 4px 0 rgba(0,0,0,.45)}
.banner{width:980px;max-width:100%;margin:0 auto 8px;text-align:center;font:12px var(--sans);color:#fff;text-shadow:1px 1px 0 #000}
.banner:not([hidden]){background:#000;color:#0f0;padding:4px 8px;font-family:"Courier New",monospace}
.masthead{background:var(--navy);color:#fff;text-align:center;padding:12px 10px;border-bottom:3px groove #ddd}
.masthead .logo{font:900 34px/1.05 "Arial Black",Impact,var(--sans);letter-spacing:1px;color:#ffe800;text-shadow:3px 3px 0 #f00,5px 5px 0 #000;text-transform:uppercase}
.masthead .tag{margin-top:6px;font:italic 18px var(--serif)}
nav.top{display:flex;flex-wrap:wrap;gap:4px;padding:6px;background:var(--gray);border-bottom:2px groove #fff;align-items:center;justify-content:space-between}
nav.top .who{font:700 14px var(--sans);color:#000;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
nav.top a.nb{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 16px;font:700 14px var(--sans);color:#000;text-decoration:none;background:var(--gray);border:2px outset #f4f4f4}
nav.top a.nb:hover{background:#d8d8d8;color:#000}nav.top a.nb:active{border-style:inset}
nav.top .who a{display:inline-flex;align-items:center;min-height:44px}
.content{background:#fff;border:2px inset #f4f4f4;margin:6px;padding:14px 16px 16px}
h1,h2,h3{text-wrap:balance}
h1{font:900 30px/1.1 var(--sans);margin-bottom:8px}
h2{font:900 24px/1.1 var(--comic);color:var(--navy);text-shadow:1px 1px 0 #c0c0c0;margin-bottom:10px}
h3{font:700 19px var(--sans);color:#800000}
p{margin-bottom:10px}
hr.rainbow{height:6px;border:0;margin:12px 0;background:linear-gradient(90deg,#f00,#f80,#ff0,#0c0,#08f,#80f,#f00)}
.hero{text-align:center;padding:4px 0 6px}
.hero h1 em{font-style:normal;background:#ff0;padding:0 4px}
.lede{font:22px/1.3 var(--serif);max-width:52ch;margin:6px auto 4px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 18px;font:900 16px var(--sans);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;background:#d00000;border:3px outset #ff8080;text-shadow:1px 1px 0 #000;cursor:pointer}
.btn:visited{color:#fff}.btn:hover{background:#f00000;color:#ff0}.btn:active{border-style:inset}
.btn.sm{min-height:44px;padding:4px 12px;font-size:13px}
.btn.alt{background:var(--gray);color:#000;border:2px outset #f4f4f4;text-shadow:none}.btn.alt:hover{background:#d8d8d8;color:#000}
.btn.g{background:#006400;border-color:#60c060}.btn.g:hover{background:#008000}
.btn:disabled{opacity:.6;cursor:default}
input,select,textarea{font:16px var(--sans);padding:8px;border:2px inset #f4f4f4;background:#fff;color:#000;width:100%;border-radius:0}textarea{min-height:110px}
label{display:grid;gap:4px;font:700 14px var(--sans);margin-bottom:12px}
.plans{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:16px 0;text-align:left}
.plan,.card{background:var(--gray);border:2px outset #f4f4f4;padding:8px;font:14px/1.35 var(--sans)}
.plan{display:grid;gap:8px;align-content:start}
.plan h2,.card>h2{margin:-8px -8px 4px;padding:3px 6px;font:700 15px var(--sans);text-shadow:none;background:linear-gradient(90deg,#000080,#1084d0);color:#fff}
.card{margin:0 0 16px}
.plan p,.card p{margin:0}
.plan .price{font:900 30px var(--sans);color:#060}.plan small{color:#404040;font-size:13px}
.prop{display:inline-block;background:#f00;color:#fff;font:900 11px var(--sans);padding:1px 4px;letter-spacing:.06em;text-transform:uppercase;justify-self:start}
.board{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}
.col{background:var(--mid);border:2px inset #f4f4f4;padding:6px;min-height:120px}
.col h3{font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--navy);padding:3px 6px;margin:0 0 6px}
.rc{background:#ffffcc;border:2px solid #000;border-left:6px solid #006400;padding:8px;margin-bottom:8px;font:14px/1.35 var(--sans)}
.rc.in_progress{border-left-color:#d00000}.rc.review{border-left-color:#c79a1a}.rc.done{border-left-color:#404040;background:#f0f0f0}
.rc .t{font-weight:700}.rc .m{color:#404040;font-size:12px;margin:2px 0 6px}.rc p{white-space:pre-wrap;margin:6px 0}
.rc .row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.msg{padding:8px 10px;margin:10px 0;font:700 14px var(--sans);border:2px solid #000}.msg.err{background:#ffd0d0;color:#600}.msg.ok{background:#d0ffd0;color:#030}
.two{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:820px){.two{grid-template-columns:340px 1fr}}
.pill{font:700 12px var(--sans);background:#ffff00;color:#000;border:1px solid #000;padding:1px 6px}
.sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fine{font:12px/1.35 var(--sans);color:#404040;text-align:center;padding:6px}
#rule{color:#404040}
@media(max-width:520px){.masthead .logo{font-size:26px}h1{font-size:24px}.lede{font-size:19px}.content{padding:10px}}
/* admin chrome (kept functional; web98 frame only) */
.wrap{max-width:1100px;margin:0 auto;padding:0 12px}
body>.wrap[role=main]{background:#fff;border:2px inset #f4f4f4;margin:8px auto;padding:14px 16px;max-width:1100px}
nav.top .wrap{display:flex;justify-content:space-between;align-items:center;max-width:none;width:100%}
nav.top .wrap b{font:900 18px var(--sans);color:var(--navy)}
body>nav.top{max-width:1100px;margin:0 auto;border:3px outset #e8e8e8}
#plans{min-height:330px}@media(max-width:600px){#plans{min-height:900px}}