/* Additions for the multi-page site. Nothing here changes look E; it only lets the
   approved page's button-shaped things be real links, and styles the parts the
   single page never had (footer door, the live blog, the admin, the two new doors). */

/* cards, doors and map spots are links now */
a.p,a.node{text-decoration:none;color:inherit}
a.spot{display:block}
.bar a.backlink{text-decoration:none}
.bar .brand{text-decoration:none;color:inherit}

/* the previous-site door, on every page */
.foot{border-top:1px solid var(--hair);padding:34px 0 40px;text-align:center;position:relative;z-index:2}
.foot a{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);text-decoration:none;border-bottom:1px solid rgba(53,227,242,.5);padding-bottom:2px}
.foot a:hover{color:var(--accent)}
.foot small{display:block;margin-top:12px;font-size:12.5px;color:var(--fg-3)}

/* a room page: the map link and the door strip */
.backmap{display:inline-block;margin:0 0 22px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);text-decoration:none;border-bottom:1px solid rgba(53,227,242,.5);padding-bottom:2px}
.backmap:hover{color:var(--accent)}
.doorstrip{margin:50px 0 0;padding-top:30px;border-top:1px solid var(--hair)}
.doorstrip .h{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}

/* doors that wear another site's look (Josh, 2026-09-15): BEAM slate and teal from the kit,
   GEV green from the kit, TRACE the cream and teal of the live TRACE app */
.door-gev{background:#2B4835;color:#E9EDD9}
.door-gev .t b{font-family:var(--ui);font-weight:300;letter-spacing:-.3px}
.door-gev a{background:#2FF141;color:#2B4835}
.door-gev a:hover{background:#28d939}
.door-gev small{color:rgba(233,237,217,.7)}
.door-beam{background:#0b1f24;color:#e2f3f1;border:1px solid rgba(55,211,198,.35)}
.door-beam .t b{font-family:var(--ui);font-weight:600}
.door-beam a{background:#37d3c6;color:#04222a}
.door-beam a:hover{background:#5fe0ff}
.door-beam small{color:#7fa9ab}
.door-trace{background:#f6f1e7;color:#0e2321;font-family:Montserrat,var(--ui)}
.door-trace .t b{font-family:'Source Serif 4',Georgia,serif;font-weight:600}
.door-trace a{background:#12514e;color:#fff}
.door-trace a:hover{background:#0b3f3d}
.door-trace small{color:#4a615e}
.room .wide .door{margin-top:0}

/* the live blog */
.post .meta{font-size:12.5px;color:var(--fg-3);margin:0 0 10px}
.post .answers{margin:6px 0 0}
.post .ans{border-top:1px solid var(--hair);padding:14px 0 4px}
.post .ans p{white-space:pre-wrap}
.post .ans .who{font-size:12.5px;color:var(--fg-3);margin:0 0 4px}
.post .ans .who b{color:var(--fg-2);font-weight:500}
.post input[type=text]{width:100%;max-width:340px;margin:8px 0 0;padding:10px 12px;border-radius:8px;border:1px solid rgba(53,227,242,.35);background:rgba(0,0,0,.25);color:var(--fg);font:15px/1.5 var(--ui)}
.post .hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;opacity:0}
.post .msg{font-size:14px;color:var(--fg-2);margin:10px 0 0}
.post .msg.err{color:#f2b8b8}
.post .permalink{font-size:12.5px;color:var(--fg-3);text-decoration:none;margin-left:14px}
.post .permalink:hover{color:var(--accent)}
.post button.cta{border:1px solid rgba(53,227,242,.5);background:none;color:var(--fg);cursor:pointer}
.post button.cta:hover{border-color:var(--accent);color:var(--accent)}
.post button.cta[disabled]{opacity:.5;cursor:default}
.post summary .c{white-space:nowrap}

/* the admin */
.adm{max-width:860px;margin:0 auto;padding:130px 30px 120px;position:relative;z-index:2}
.adm h1{font-size:clamp(24px,3vw,36px);text-transform:uppercase;margin:0 0 6px}
.adm .who{font-size:13px;color:var(--fg-3);margin:0 0 30px}
.adm form{display:grid;gap:12px;margin:0 0 30px}
.adm label{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.adm input,.adm textarea,.adm select{width:100%;padding:11px 13px;border-radius:8px;border:1px solid rgba(53,227,242,.35);background:rgba(0,0,0,.25);color:var(--fg);font:15px/1.5 var(--ui)}
.adm textarea{min-height:140px;resize:vertical}
.adm .row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.adm .btn{font:inherit;font-weight:600;font-size:14px;padding:11px 18px;border-radius:8px;cursor:pointer;border:1px solid rgba(53,227,242,.5);background:none;color:var(--fg)}
.adm .btn.primary{background:var(--accent);color:#04222a;border-color:var(--accent)}
.adm .btn.danger{border-color:rgba(242,184,184,.6);color:#f2b8b8}
.adm .btn:hover{border-color:var(--accent)}
.adm .card{border:1px solid rgba(53,227,242,.28);border-radius:12px;padding:20px 22px;margin:0 0 14px;background:rgba(6,21,26,.55)}
.adm .card h3{font-size:15px;margin:0 0 4px;letter-spacing:.02em}
.adm .card .sub{font-size:13px;color:var(--fg-3);margin:0 0 10px}
.adm .msg{font-size:14px;color:var(--fg-2);margin:8px 0}
.adm .msg.err{color:#f2b8b8}
.adm .tag{margin-left:0}
.adm .ans{border-top:1px solid var(--hair);padding:10px 0}
.adm .ans p{margin:0 0 6px;white-space:pre-wrap;font-size:15px;color:var(--fg-2)}
.adm .ans .who{font-size:12.5px;color:var(--fg-3)}
.adm .ans.removed{opacity:.5}

/* not found */
.nf{padding:130px 0 60px;text-align:center}
.nf h1{font-size:clamp(28px,4vw,52px);text-transform:uppercase}
.nf p{color:var(--fg-2);margin:16px auto 0;max-width:48ch}

@media(max-width:900px){.adm{padding:110px 22px 80px}}

/* the guide window (only on AI for Positive Change and inside Systemic Change) */
.guide{margin:44px 0 0;border:1px solid rgba(53,227,242,.5);border-radius:12px;background:rgba(6,21,26,.62);padding:24px 26px;position:relative}
.guide::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:
   linear-gradient(var(--accent),var(--accent)) 0 0/18px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 0 0/2px 18px no-repeat,
   linear-gradient(var(--accent),var(--accent)) 100% 0/18px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 100% 0/2px 18px no-repeat,
   linear-gradient(var(--accent),var(--accent)) 0 100%/18px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 0 100%/2px 18px no-repeat,
   linear-gradient(var(--accent),var(--accent)) 100% 100%/18px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 100% 100%/2px 18px no-repeat}
.guidehead{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:0 0 14px}
.guidehead .kick{margin:0}
.guidewhat{margin:0;font-size:15px;color:var(--fg-2)}
.guidelog{min-height:150px;max-height:420px;overflow:auto;padding:14px 16px;border-radius:8px;background:rgba(0,0,0,.25);border:1px solid rgba(53,227,242,.2)}
.guidelog p{margin:0 0 12px;font-size:15.5px;line-height:1.6;color:var(--fg-2);max-width:70ch}
.guidelog .you{color:var(--fg);border-left:2px solid var(--accent);padding-left:12px}
.guidelog .guidesoon{color:var(--fg-3);font-size:14.5px}
.guidelog .err{color:#f2b8b8}
.guideform{display:flex;gap:10px;margin:14px 0 0;flex-wrap:wrap}
.guideform input{flex:1;min-width:220px;padding:12px 14px;border-radius:8px;border:1px solid rgba(53,227,242,.35);background:rgba(0,0,0,.25);color:var(--fg);font:15px/1.5 var(--ui)}
.guideform input[disabled]{opacity:.6}
.guideform button{border:0;cursor:pointer;margin:0}
.guideform button[disabled]{opacity:.5;cursor:default}
.guidenote{margin:10px 0 0;font-size:12.5px;color:var(--fg-3)}
.room .guide,.room+.guide{grid-column:1/-1}

/* the door to the Teal Paradigm page, in that page's look (build/tealparadigm-page.html) */
.door-teal{background:#f4efe3;color:#22271f;font-family:"Helvetica Neue",Arial,sans-serif;margin-top:14px}
.door-teal .t b{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:700;color:#0a3f3a;font-size:18px}
.door-teal a{background:#1f9f95;color:#fff}
.door-teal a:hover{background:#0f6f66}
.door-teal small{color:#6a6455}

/* the exits are links now; same look as the approved page's exit buttons */
.exits a{display:inline-block;font-size:16px;color:var(--fg);text-decoration:none;border-bottom:1px solid rgba(53,227,242,.5);padding:0 0 3px;margin-right:22px}
.exits a:hover{color:var(--accent)}

/* a live piece from another lane, embedded whole from its own address (one copy) */
.embedwrap{padding:0;overflow:hidden}
.embed{display:block;width:100%;height:1500px;border:0;border-radius:12px;background:transparent}
.embedcap{margin:10px 0 0;font-size:12.5px}
.embedcap a{color:var(--fg-3);text-decoration:none;border-bottom:1px solid rgba(53,227,242,.4)}
.embedcap a:hover{color:var(--accent)}
@media(max-width:900px){.embed{height:1300px}}

/* the guide's own page, framed */
.guideframe{display:block;width:100%;height:600px;border:0;border-radius:8px;background:rgba(0,0,0,.25)}

/* the limited site tier of the guide (Josh, 2026-09-16) */
.guidelimit{margin:12px 0 0;font-size:13.5px;color:var(--accent);letter-spacing:.02em}
.guidecode{margin:10px 0 0;font-size:13px;color:var(--fg-3)}
.guidecode summary{cursor:pointer;list-style:none;display:inline-block;border-bottom:1px solid rgba(53,227,242,.4);padding-bottom:1px}
.guidecode summary::-webkit-details-marker{display:none}
.guidecode form{display:flex;gap:10px;margin:10px 0 0;flex-wrap:wrap}
.guidecode input{flex:1;min-width:180px;max-width:320px;padding:10px 12px;border-radius:8px;border:1px solid rgba(53,227,242,.35);background:rgba(0,0,0,.25);color:var(--fg);font:14px/1.5 var(--ui)}
.guidecode button{margin:0}
.guideask{margin:14px 0 0;padding:16px 18px;border:1px dashed rgba(53,227,242,.45);border-radius:10px}
.guideask p{margin:0 0 10px;font-size:15px;color:var(--fg-2);max-width:60ch}
.guideask form{display:grid;gap:10px;max-width:520px}
.guideask input{padding:11px 13px;border-radius:8px;border:1px solid rgba(53,227,242,.35);background:rgba(0,0,0,.25);color:var(--fg);font:15px/1.5 var(--ui)}
.guideask .hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;opacity:0}
.guideask button{margin:0;border:0;cursor:pointer;justify-self:start}
.guideask .msg{font-size:14px;color:var(--fg-2);margin:0}
.guideask .msg.err{color:#f2b8b8}

/* the hidden attribute wins over any display rule */
[hidden]{display:none!important}

/* the comparisons (Josh, 2026-09-16, feature 7): the owners' tables in the site's look, readable on a phone */
.cmp{border:1px solid rgba(53,227,242,.28);border-radius:12px;padding:24px 26px;background:rgba(6,21,26,.55)}
.cmp .cmp-head h4{font-size:clamp(18px,2.2vw,24px);text-transform:uppercase;margin:0 0 6px}
.cmp h5{font-family:var(--display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:26px 0 10px}
.cmp h6{font-family:var(--display);font-size:13.5px;letter-spacing:.04em;color:var(--fg);margin:18px 0 6px}
.cmp p,.cmp li{font-size:15.5px;line-height:1.65;color:var(--fg-2);max-width:72ch}
.cmp p{margin:0 0 12px}
.cmp ul,.cmp ol{margin:0 0 12px 22px}
.cmp b{color:var(--fg);font-weight:600}
.cmp code{font:13px ui-monospace,Menlo,monospace;color:var(--fg-3)}
.cmp a{color:var(--accent)}
.cmp-table{overflow-x:auto;margin:0 0 16px;border:1px solid rgba(53,227,242,.2);border-radius:10px}
.cmp table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--hair)}
.cmp th{font-family:var(--display);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:rgba(53,227,242,.05);white-space:nowrap}
.cmp td:first-child{color:var(--fg);min-width:160px}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp .cbar{display:inline-flex;align-items:center;gap:8px;min-width:80px}
.cmp .cbar i{display:block;height:6px;width:calc(var(--v) * 0.6px);max-width:60px;border-radius:3px;background:linear-gradient(90deg,#35E3F2,rgba(53,227,242,.35))}
.cmp-note{font-size:12.5px!important;color:var(--fg-3)!important;margin:18px 0 0!important;max-width:none!important}
@media(max-width:700px){
  .cmp{padding:18px 16px}
  .cmp-table{overflow:visible;border:0}
  .cmp table,.cmp tbody,.cmp tr,.cmp td{display:block;width:100%}
  .cmp thead{display:none}
  .cmp tr{border:1px solid rgba(53,227,242,.2);border-radius:10px;padding:10px 12px;margin:0 0 12px;background:rgba(53,227,242,.03)}
  .cmp td{border:0;padding:4px 0;min-width:0}
  .cmp td:first-child{font-weight:600;padding-bottom:8px;border-bottom:1px solid var(--hair);margin-bottom:6px}
  .cmp td:not(:first-child)::before{content:attr(data-h);display:block;font-family:var(--display);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}
  .cmp-num td:not(:first-child){display:flex;justify-content:space-between;align-items:center;gap:10px}
  .cmp-num td:not(:first-child)::before{margin:0;flex:1}
  .cmp .cbar i{width:calc(var(--v) * 1px);max-width:100px}
}

/* the full assessment sign-up */
.askform{display:grid;gap:10px;max-width:560px}
.askform input,.askform textarea{padding:11px 13px;border-radius:8px;border:1px solid rgba(53,227,242,.35);background:rgba(0,0,0,.25);color:var(--fg);font:15px/1.5 var(--ui)}
.askform textarea{min-height:100px;resize:vertical}
.askform .hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;opacity:0}
.askform button{margin:0;border:0;cursor:pointer;justify-self:start}
.askform .msg{font-size:14px;color:var(--fg-2);margin:0}
.askform .msg.err{color:#f2b8b8}
.askform .pill{cursor:pointer}
.foot small{margin-top:10px}

/* the ETHOS Book's cover beside its mention (Josh, 2026-09-16): the site's frame, stacked on a phone */
.soonpic{display:grid;grid-template-columns:1fr 150px;gap:18px;align-items:start}
.soonpic .frame.pic{aspect-ratio:816/1024;width:150px}
.soonpic .frame.pic img{object-fit:cover}
@media(max-width:900px){.soonpic{grid-template-columns:1fr}.soonpic .frame.pic{width:min(220px,60%);margin:0 auto}}

/* Josh-approved copy of 2026-09-20: the question above each door, the question and its answer opening a room, the answer blocks */
.doorq{font-family:var(--display);font-size:13px;line-height:1.4;letter-spacing:.02em;color:var(--fg);margin:0 0 12px;min-height:4.2em;display:flex;align-items:flex-end}   /* room for three lines, the words sit on the door, so every door on the map is level (Josh, 2026-09-21) */
.roomq{margin:0 0 30px;padding:22px 26px;border:1px solid rgba(53,227,242,.35);border-radius:12px;background:rgba(53,227,242,.05)}
.roomq h4{font-size:clamp(17px,2vw,22px);line-height:1.3;letter-spacing:.02em;margin:0 0 10px;text-transform:none}
.roomq .rlead{margin:0}
.block.answer p{max-width:66ch;color:var(--fg-2);font-size:16.5px}
.block.answer p b{color:var(--fg);font-weight:600}
.guideintro:empty{display:none}
.guideintro{margin:34px 0 0;font-size:16.5px;color:var(--fg-2);max-width:66ch}
.guideintro+.guide{margin-top:14px}
@media(max-width:900px){.doorq{min-height:0}}

/* the legal block (Legal/Lawful's snapshot, 2026-09-20): the date and the "nothing is locked" line travel with it */
.block.legal{padding:22px 26px;border:1px solid rgba(53,227,242,.35);border-radius:12px;background:rgba(53,227,242,.05)}
.block.legal p{max-width:66ch;color:var(--fg-2);font-size:16.5px}
.block.legal p b{color:var(--fg);font-weight:600}
.block.legal .legalnote{font-size:13.5px;color:var(--fg-3);font-style:italic;margin:6px 0 0}

/* the guide window's line and buttons (OmniGuide, 2026-09-21) */
.guidewhat{max-width:70ch}
.guidebtns{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.guidebtns:empty{display:none}
.guidebtns .pill{font-size:13.5px;padding:8px 14px}

/* ---- OS Compare's provenance block and our own scores chart, Alignment room (Josh, 2026-09-21, items 1 and 2) ---- */
.prov-box>summary{list-style:none;cursor:pointer;display:block}
.prov-box>summary::-webkit-details-marker{display:none}
.prov-box>summary::after{content:'Open';font-family:var(--display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:inline-block;margin-top:10px;border:1px solid rgba(53,227,242,.5);border-radius:999px;padding:6px 14px}
.prov-box[open]>summary::after{content:'Close'}
.prov-h{display:block;font-family:var(--display);font-size:clamp(18px,2.2vw,24px);text-transform:uppercase;color:var(--fg);margin:0 0 8px}
.prov-lead{display:block;font-size:15.5px;line-height:1.65;color:var(--fg-2);max-width:72ch}
.prov-list{list-style:none;margin:22px 0 0;padding:0}
.prov-row{display:grid;grid-template-columns:34px 220px 1fr;gap:6px 14px;padding:12px 0;border-top:1px solid var(--hair);align-items:start}
.prov-n{font-family:var(--display);font-size:13px;color:var(--accent);padding-top:2px}
.prov-name b{display:block;color:var(--fg);font-weight:600;font-size:15px;line-height:1.35}
.prov-name small{display:block;font-family:var(--display);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin-top:4px}
.prov-from{font-size:14.5px;line-height:1.6;color:var(--fg-2)}
.prov-math{font:13px/1.7 ui-monospace,Menlo,monospace;color:var(--fg);background:rgba(53,227,242,.05);border:1px solid rgba(53,227,242,.2);border-radius:10px;padding:14px 16px;overflow-x:auto;margin:0 0 12px;white-space:pre}
.cmp .prov-tiers{font-size:14.5px}
.scores .sc-headline{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:6px 0 18px;max-width:none}
.sc-big{font-family:var(--display);font-size:clamp(40px,6vw,64px);line-height:1;color:var(--accent)}
.sc-headtext{font-size:15.5px;color:var(--fg-2);max-width:52ch}
.sc-list{list-style:none;margin:0;padding:0}
.sc-row{display:grid;grid-template-columns:30px 190px 1fr 44px 92px;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--hair)}
.sc-n{font-family:var(--display);font-size:12px;color:var(--fg-3)}
.sc-name{font-size:14.5px;color:var(--fg)}
.sc-bar{display:block;height:10px;border-radius:5px;background:rgba(53,227,242,.08);overflow:hidden}
.sc-bar i{display:block;height:100%;width:calc(var(--v) * 1%);border-radius:5px;background:linear-gradient(90deg,#35E3F2,rgba(53,227,242,.45))}
.sc-floor .sc-bar i{background:linear-gradient(90deg,#e8c98a,rgba(232,201,138,.45))}
.sc-score{font-family:var(--display);font-size:14px;color:var(--fg);text-align:right}
.sc-w{font-family:var(--display);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);text-align:right;white-space:nowrap}
.cmp .sc-floorline{margin:16px 0 0;color:var(--fg)}
@media(max-width:700px){
  .prov-row{grid-template-columns:28px 1fr}
  .prov-from{grid-column:2}
  .sc-row{grid-template-columns:24px 1fr auto;row-gap:4px}
  .sc-n{grid-row:1;grid-column:1}.sc-name{grid-row:1;grid-column:2}.sc-score{grid-row:1;grid-column:3}
  .sc-bar{grid-row:2;grid-column:1/3}.sc-w{grid-row:2;grid-column:3;text-align:right}
  .sc-headtext{max-width:none}
}
/* ---- workshops and retreats, Enter room (Josh, 2026-09-21, item 6) ---- */
.workshops .wslead{color:var(--fg);margin-bottom:14px}
.workshops .wsnote{color:var(--fg-3);font-size:14px;margin:16px 0 14px}
.workshops .cta{display:inline-block}
.room .wide{min-width:0}   /* a math box or a long code word must scroll inside its block, never widen the room on a phone */

/* ---- the AI guide as a floating helper (Josh, 2026-09-21, round two) ---- */
.guidestart{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0 0;padding:12px 16px;border:1px solid rgba(53,227,242,.45);border-radius:12px;background:rgba(6,21,26,.62)}
.guidestart .kick{margin:0}
.guidestart .cta{margin:0}
.roomq+.guidestart{margin-top:12px}
.guidefloat{position:fixed;right:18px;bottom:18px;z-index:60;width:min(380px,calc(100vw - 36px));max-height:min(78vh,720px);display:flex;flex-direction:column;border:1px solid rgba(53,227,242,.55);border-radius:14px;background:rgba(6,21,26,.96);box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 0 1px rgba(53,227,242,.12);backdrop-filter:blur(8px)}
.guidefloat.min{width:auto;max-height:none;bottom:58px}   /* clear of the host's badge in the corner, which sat on top of the bar (Josh, 2026-09-23); the open panel does not move */
.guidetop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;border-bottom:1px solid rgba(53,227,242,.2)}
.guidefloat.min .guidetop{border-bottom:0}
.guidetop .kick{margin:0}
.guidectl{display:flex;gap:6px}
.guidectl button{width:30px;height:30px;border-radius:8px;border:1px solid rgba(53,227,242,.35);background:rgba(0,0,0,.25);color:var(--fg);font:18px/1 var(--ui);cursor:pointer}
.guidectl button:hover{border-color:var(--accent)}
.guidefloat.min .guidebody{display:none}
.guidebody{padding:14px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:0;min-height:0}
.guidefloat .guidewhat{margin:0 0 10px;font-size:14.5px}
.guidefloat .guidebtns{margin:0 0 10px}
.guidefloat .guidebtns .pill{font-size:12.5px;padding:6px 11px}
.guidefloat .guidelog{min-height:110px;max-height:260px;flex:1}
.guidefloat .guidelog p{font-size:14.5px}
.guidefloat .guideframe{height:420px}
.guidefloat .guideform{margin-top:10px}
.guidefloat .guideform input{min-width:140px}
.guidefloat .guidenote{margin-top:8px}
@media(max-width:700px){
  .guidefloat{right:10px;left:10px;bottom:10px;width:auto;max-height:70vh}
  .guidefloat.min{left:auto;bottom:58px}
  .guidefloat .guidelog{max-height:200px}
}
/* the provenance rows, round two: what it is, where it comes from (named), why it carries its weight */
.prov-row{grid-template-columns:34px 1fr}
.prov-main{min-width:0}
.prov-title{display:inline;color:var(--fg);font-weight:600;font-size:15.5px}
.prov-main>small{display:inline-block;margin-left:10px;font-family:var(--display);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.cmp .prov-main p{margin:8px 0 0;font-size:14.5px;line-height:1.6;max-width:none}
.prov-main .pl{display:block;font-family:var(--display);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 2px}
.prov-src b{color:var(--fg)}
.cmp .prov-intro{margin:18px 0 0}
/* the stitched versus grown pictures (Josh picked them, 2026-09-21): framed like the economy pictures, stacked */
.pics .pic{margin:0 0 26px}
.pics .pic:last-child{margin-bottom:0}
.pics img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid rgba(53,227,242,.3);margin:8px 0 12px}
.pics figcaption b{display:block;color:var(--fg);font-size:15.5px;margin:0 0 4px}
.pics figcaption p{margin:0;max-width:72ch}
/* the other prophecies, five drop-downs (Josh, 2026-09-21) */
.proph{margin:18px 0 0;display:grid;gap:12px}
.proph .post>summary{padding:16px 20px}
.proph .post .a{padding:0 20px 18px}
.proph .post .a p:first-child{margin-top:16px}
/* the verdict tables (Josh, 2026-09-21): verdicts in the grid, reasons under the row */
.cmp-verdict table{table-layout:auto}
.cmp-verdict th:not(:first-child),.cmp-verdict tr.vrow td:not(:first-child){text-align:center;white-space:nowrap}
.cmp-verdict tr.vrow{cursor:pointer}
.cmp-verdict tr.vrow:hover td,.cmp-verdict tr.vrow.open td{background:rgba(53,227,242,.05)}
.cmp-verdict tr.vrow td:first-child::before{content:'+';display:inline-block;width:16px;color:var(--accent);font-family:var(--display)}
.cmp-verdict tr.vrow.open td:first-child::before{content:'\2212'}
.cmp-verdict tr.vrow.open td{border-bottom:0}
.verdict{display:inline-block;font-family:var(--display);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--hair);color:var(--fg-2)}
.verdict.v-partly{border-color:rgba(232,201,138,.6);color:#e8c98a}
.verdict.v-no{border-color:rgba(228,246,248,.25);color:var(--fg-3)}
.verdict.v-tick{border-color:rgba(53,227,242,.7);color:var(--accent);font-size:13px;padding:2px 9px}
.cmp-verdict tr.vwhy td{padding:6px 12px 16px;background:rgba(53,227,242,.03)}
.cmp-verdict .vr{padding:8px 0;border-top:1px solid var(--hair)}
.cmp-verdict .vr:first-child{border-top:0}
.cmp-verdict .vr .vh{display:block;color:var(--fg);font-weight:600;margin:0 0 4px}
.cmp-verdict .vr .vh .verdict{margin-left:8px;vertical-align:middle}
.cmp .cmp-verdict .vr p{margin:0;font-size:14.5px}
.cmp .vhint{font-size:12.5px;color:var(--fg-3);margin:8px 12px 12px}
@media(max-width:700px){
  .cmp .cmp-verdict{overflow-x:auto;border:1px solid rgba(53,227,242,.2)}
  .cmp .cmp-verdict table,.cmp .cmp-verdict tbody,.cmp .cmp-verdict tr,.cmp .cmp-verdict td{display:revert;width:auto}
  .cmp .cmp-verdict thead{display:table-header-group}
  .cmp .cmp-verdict tr{border:0;border-radius:0;padding:0;margin:0;background:none}
  .cmp .cmp-verdict td{border-bottom:1px solid var(--hair);padding:8px 6px;min-width:0}
  .cmp .cmp-verdict td:first-child{font-weight:400;padding:8px 6px 8px 8px;border-bottom:1px solid var(--hair);margin:0;font-size:13px}
  .cmp .cmp-verdict td:not(:first-child)::before{content:none}
  .cmp .cmp-verdict th{font-size:9.5px;padding:8px 4px;white-space:normal}
  .cmp .cmp-verdict tr.vwhy td{display:table-cell;padding:6px 8px 14px}
  .cmp .cmp-verdict tr.vwhy{display:table-row}
  .verdict{font-size:10px;padding:2px 6px;letter-spacing:.04em}
  .verdict.v-tick{font-size:12px}
}
@media(max-width:700px){
  .cmp .cmp-verdict{overflow:hidden}
  .cmp .cmp-verdict table{table-layout:fixed;width:100%}
  .cmp .cmp-verdict th:first-child,.cmp .cmp-verdict tr.vrow td:first-child{width:36%}
  .cmp .cmp-verdict th,.cmp .cmp-verdict tr.vrow td{padding-left:3px;padding-right:3px}
  .cmp .cmp-verdict tr.vrow td:first-child{padding-left:6px;font-size:12px;line-height:1.35}
  .cmp .cmp-verdict tr.vrow td:first-child::before{width:10px}
  .verdict{font-size:9px;padding:2px 4px;letter-spacing:.02em}
  .verdict.v-tick{font-size:11px;padding:1px 5px}
  .cmp .cmp-verdict th{font-size:8.5px;letter-spacing:.04em}
}
@media(max-width:700px){
  .cmp .cmp-verdict th:first-child,.cmp .cmp-verdict tr.vrow td:first-child{width:30%}
  .verdict{font-family:var(--ui);text-transform:none;font-size:11px;letter-spacing:0;padding:2px 5px}
  .cmp .cmp-verdict tr.vrow td:first-child{font-size:11.5px}
}
@media(max-width:700px){
  .cmp .cmp-verdict th:not(:first-child){writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;text-align:left;vertical-align:bottom;font-size:9px;letter-spacing:.08em;padding:6px 0;height:124px}
  .cmp .cmp-verdict th:first-child{vertical-align:bottom;font-size:9px}
}

/* ---- the tools area (Josh, 2026-09-22) ---- */
.tools .tool{display:block}
.toolhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px}
.toolhead h5{margin:0}
.badge{font-family:var(--display);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--hair);color:var(--fg-3);white-space:nowrap}
.badge.lic{border-color:rgba(53,227,242,.55);color:var(--accent)}
.tool p{max-width:72ch}
.tool .toolline{margin:10px 0 0}
.tool .toolline .pl{display:block;font-family:var(--display);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 2px}
.tool .toolsoon{margin:14px 0 0;font-size:14px;color:var(--fg-3)}
.tool .cta{display:inline-block;margin:16px 0 0}
.tool .leaving{display:block;margin:8px 0 0;font-size:12.5px;color:var(--fg-3)}
.toolshot{margin:16px 0 0}
.toolshot img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid rgba(53,227,242,.3)}
.toolshot figcaption{margin:8px 0 0;font-size:13.5px;color:var(--fg-3)}
.foot a+small+a{margin-left:0}
.cta.trace{background:#12514e;color:#fff;font-family:Montserrat,var(--ui)}   /* a button to TRACE wears TRACE's own colours */
.cta.trace:hover{background:#0b3f3d}
/* a folded chart: the row is the function, the rest opens under it (Josh, 2026-09-22) */
.cmp-fold table{table-layout:auto;width:100%}
.cmp-fold th:first-child,.cmp-fold tr.vrow td:first-child{width:44px;text-align:left}
.cmp-fold tr.vrow td:nth-child(2){color:var(--fg);font-weight:600}
.cmp-fold tr.vrow td:first-child::before{content:'+';display:inline-block;width:16px;color:var(--accent);font-family:var(--display)}
.cmp-fold tr.vrow.open td:first-child::before{content:'\2212'}
.cmp-fold tr.vrow{cursor:pointer}
.cmp-fold tr.vrow:hover td,.cmp-fold tr.vrow.open td{background:rgba(53,227,242,.05)}
.cmp-fold tr.vrow.open td{border-bottom:0}
.cmp-fold tr.vwhy td{padding:6px 12px 16px;background:rgba(53,227,242,.03)}
.cmp-fold .vr{padding:8px 0;border-top:1px solid var(--hair)}
.cmp-fold .vr:first-child{border-top:0}
.cmp-fold .vr .vh{display:block;font-family:var(--display);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-weight:500}
.cmp .cmp-fold .vr p{margin:0;font-size:14.5px;max-width:72ch}
@media(max-width:700px){
  .cmp .cmp-fold{overflow:hidden;border:1px solid rgba(53,227,242,.2)}
  .cmp .cmp-fold table,.cmp .cmp-fold tbody,.cmp .cmp-fold tr,.cmp .cmp-fold td{display:revert;width:auto}
  .cmp .cmp-fold thead{display:table-header-group}
  .cmp .cmp-fold tr{border:0;border-radius:0;padding:0;margin:0;background:none}
  .cmp .cmp-fold td{border-bottom:1px solid var(--hair);padding:10px 6px;min-width:0}
  .cmp .cmp-fold td:not(:first-child)::before{content:none}
  .cmp .cmp-fold tr.vwhy td{display:table-cell;padding:6px 10px 14px}
  .cmp .cmp-fold tr.vwhy{display:table-row}
}
/* the verdict per function, inside the row it belongs to (OS Compare, 2026-09-22) */
.verdict.v-yes{border-color:rgba(53,227,242,.7);color:var(--accent)}
.cmp-fold .vsplit{height:1px;background:rgba(53,227,242,.25);margin:14px 0 4px}
.cmp-fold .vr .vh .verdict{margin-left:8px;vertical-align:middle;font-family:var(--ui);letter-spacing:0;text-transform:none;font-size:11px}

/* ---- TRACE and the psychological matrix, shown together (Josh, 2026-09-23) ---- */
.resistband{display:grid;gap:16px;margin:34px 0 0}
.resist-head h5{font-size:clamp(15px,2vw,18px);line-height:1.4}
.resist-lead{margin:10px 0 0;font-size:16px;color:var(--fg-2);max-width:72ch}
.resist p{max-width:72ch}
.resist-trace{margin:16px 0 0}
.resist-trace .rb{border-color:rgba(53,227,242,.45);background:rgba(53,227,242,.04)}
.patlist{margin:16px 0 0}
.patlist>summary{padding:14px 18px}
.patlist .a{padding:0 18px 16px}
.pats{list-style:none;counter-reset:pat;margin:14px 0 0;padding:0;display:grid;gap:10px}
.pats li{counter-increment:pat;display:grid;grid-template-columns:28px 1fr;gap:4px 10px;padding:10px 0 0;border-top:1px solid var(--hair)}
.pats li:first-child{border-top:0;padding-top:0}
.pats li::before{content:counter(pat);font-family:var(--display);font-size:12px;color:var(--accent);grid-row:1/3}
.pats li b{color:var(--fg);font-size:15px}
.pats li span{font-size:14.5px;color:var(--fg-2);grid-column:2}
.resistband .stamp{margin:4px 0 0}
@media(max-width:700px){.resist-lead{font-size:15.5px}}
/* the guide's two modes, the guided question and the one to ten (Josh, 2026-09-23) */
.guidemode{display:flex;gap:8px;margin:12px 0 0;flex-wrap:wrap}
.guidemode .pill{font-size:12.5px;padding:6px 12px}
.guidemode .pill.on{border-color:var(--accent);background:rgba(53,227,242,.14);color:var(--fg)}
.guided:empty{display:none}
.guided{margin:12px 0 0;padding:14px 16px;border:1px solid rgba(53,227,242,.35);border-radius:10px;background:rgba(53,227,242,.05)}
.guidedq{margin:0 0 12px;font-size:15.5px;color:var(--fg)}
.guided .cta{margin:0 8px 0 0;font-size:13.5px;padding:8px 14px}
.guiderate{margin:6px 0 12px;padding:10px 0 0;border-top:1px solid var(--hair)}
.ratelabel{display:block;font-size:12.5px;color:var(--fg-3);margin:0 0 6px}
.ratescale{display:flex;gap:4px;flex-wrap:wrap}
.ratebtn{min-width:28px;height:28px;border-radius:6px;border:1px solid rgba(53,227,242,.35);background:rgba(0,0,0,.25);color:var(--fg-2);font:12.5px/1 var(--ui);cursor:pointer}
.ratebtn:hover:not([disabled]){border-color:var(--accent);color:var(--fg)}
.ratebtn.on{background:var(--accent);color:#04222a;border-color:var(--accent)}
.ratebtn[disabled]{cursor:default;opacity:.55}
.ratebtn.on[disabled]{opacity:1}
@media(max-width:700px){.ratescale{gap:3px}.ratebtn{flex:1;min-width:0;padding:0;height:26px;font-size:12px}}
/* the tools page rebuilt in groups (Josh, 2026-09-23) */
.toolgroup{margin:34px 0 0}
.groupname{font-family:var(--display);font-size:clamp(14px,1.8vw,17px);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
.toolgroup .room{margin:0}
.toolgroup .resistband{margin-top:16px}
.notonpage ul{margin:10px 0 0;padding:0 0 0 20px}
.notonpage li{font-size:15px;line-height:1.6;color:var(--fg-2);margin:0 0 8px;max-width:72ch}
.notonpage li b{color:var(--fg)}
/* the guided mode: four questions at a time (Josh, 2026-09-23) */
.guidedlead{margin:0 0 10px;font-size:12.5px;color:var(--fg-3)}
.guidedset{display:flex;flex-direction:column;gap:8px}
.guidedset .gq{text-align:left;font-size:13px;line-height:1.35;padding:9px 12px}

/* ---- the full assessment page, rewritten (Josh, 2026-09-25) ---- */
.method h6{font-family:var(--display);font-size:13px;letter-spacing:.06em;color:var(--fg);margin:20px 0 8px}
.method p{max-width:72ch}
.offer p{max-width:72ch}
.offer h5{color:var(--accent)}
.fieldlab{display:block;font-family:var(--display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:14px 0 6px}
.askform textarea{min-height:76px}
.offerpick{border:0;padding:0;margin:0}
.offerpick legend{font-family:var(--display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:14px 0 6px;padding:0}