/* Tradie Register, Blueprint look (Reece picked it 1 Nov 2026, 5/5 home and trade page): deep blue top on a faint
   plan grid, sky-blue highlights, a stamped tick, DM Sans, soft round cards, blue call buttons on a tinted page. */
@font-face{font-family:"DM Sans";src:url(/assets/fonts/dmsans.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{--ink:#0f1f3d;--soft:#4d5b74;--line:#d9e2f0;--bg:#f2f6fc;--card:#fff;--navy:#0f2f7a;--sky:#8fd0ff;--btn:#1446b8;--btn-dark:#0f3796;
 --link:#1446b8;--ok:#127a49;--ok-bg:#e2f4ea;--chip:#e8effb;--warn-bg:#eef1f6;--r:14px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 "DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-underline-offset:3px}
a:hover{color:var(--btn-dark)}
h1,h2,h3{font-family:"DM Sans",system-ui,sans-serif;line-height:1.2;color:var(--ink);letter-spacing:-.02em}
h1{font-size:34px;font-weight:800;margin:8px 0 6px}
h2{font-size:24px;font-weight:700;margin:32px 0 10px}
h3{font-size:20px;font-weight:700;margin:0}
p{margin:0 0 14px}
.tr-wrap{max-width:1240px;margin:0 auto;padding:0 16px}
/* white top bar with the trade finder */
.tr-top{background:#fff;border-bottom:1px solid var(--line)}
.tr-top-in{display:flex;align-items:center;gap:20px;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.tr-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}
.tr-logo-mark{display:block;width:40px;height:40px;flex:none}
.tr-logo-word{font:800 22px "DM Sans",sans-serif;letter-spacing:-.4px;color:var(--ink)}
.tr-logo-word b{font-weight:800;color:var(--btn)}
.tr-find{flex:1;display:flex;min-width:260px;max-width:640px;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tr-find label{position:absolute;left:-9999px}
.tr-find select{flex:1;border:0;background:#fff;font:500 17px "DM Sans",sans-serif;color:var(--ink);padding:12px 14px;min-width:0;appearance:auto}
.tr-find button{border:0;background:var(--btn);color:#fff;font:700 16px "DM Sans",sans-serif;padding:0 20px;cursor:pointer}
.tr-nav{display:flex;gap:18px;margin-left:auto}
.tr-nav a{color:var(--ink);font-weight:600;text-decoration:none;font-size:16px}
.tr-nav a:hover{text-decoration:underline}
/* page head */
.tr-head{background:#fff;border-bottom:1px solid var(--line)}
.tr-crumbs{font-size:15px;color:var(--soft);padding:12px 0 0;margin:0}
.tr-crumbs a{color:var(--soft);text-decoration:none}
.tr-crumbs a:hover{text-decoration:underline}
.tr-crumbs span::before,.tr-crumbs a+a::before{content:"›";margin:0 8px;color:#9aa6ba}
.tr-head h1{padding-top:6px}
.tr-count{color:var(--soft);font-size:16px;margin:0 0 6px}
.tr-count a{color:var(--link)}
.tr-promline{font-size:15px;font-weight:600;padding-bottom:16px;margin:0}
/* two columns */
.tr-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding-top:20px;padding-bottom:40px;align-items:start}
.tr-solo{grid-template-columns:minmax(0,820px)}
.tr-article>p:first-child{font-size:18px}
.tr-side{display:grid;gap:16px;position:sticky;top:16px}
.tr-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.tr-box h2{font-size:18px;margin:0 0 8px}
.tr-box p{font-size:15px;margin:0 0 10px}
.tr-box-hi{background:var(--chip)}
.tr-box img{border-radius:8px}
/* listings: one row per tradie, licence chip and a call button */
.tr-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:12px}
.tr-row{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.tr-row h3{font-size:18px}
.tr-row h3 a{color:var(--ink);text-decoration:none}
.tr-row h3 a:hover{text-decoration:underline}
.tr-rank{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--ok-bg);color:var(--ok);font:800 14px "DM Sans",sans-serif;margin-right:8px;vertical-align:2px}
.tr-meta{color:var(--soft);font-size:14px;margin:2px 0 8px}
.tr-rate{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0;font-size:16px}
.tr-starsbar{position:relative;display:inline-block;font-size:18px;line-height:1;letter-spacing:2px;color:#d4d9e2}
.tr-starsbar i{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:#f5a400;font-style:normal}
.tr-rate b{font-weight:800}
.tr-chip{display:inline-block;font-size:13.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--warn-bg);color:var(--soft)}
.tr-chip-ok{background:var(--ok-bg);color:var(--ok)}
.tr-limit{font-size:14px;color:var(--soft);margin:6px 0 0}
.tr-call{display:flex;align-items:center;justify-content:center;background:var(--btn);color:#fff;border-radius:var(--r);font:700 16px "DM Sans",sans-serif;padding:12px;text-decoration:none;margin-top:10px}
.tr-call:hover{background:var(--btn-dark);color:#fff}
.tr-links{font-size:14px;color:var(--soft);margin:8px 0 0;text-align:center}
.tr-btn{display:inline-block;text-align:center;font:700 16px "DM Sans",sans-serif;padding:10px 16px;border-radius:var(--r);background:var(--btn);color:#fff;text-decoration:none;border:1px solid var(--btn)}
.tr-btn:hover{background:var(--btn-dark);color:#fff}
.tr-btn-ghost{background:#fff;color:var(--link);border:1px solid var(--line)}
.tr-btn-ghost:hover{background:var(--bg);color:var(--link)}
/* by suburb */
.tr-subs{width:100%;border-collapse:collapse;font-size:15px}
.tr-subs th,.tr-subs td{text-align:left;vertical-align:top;padding:7px 4px;border-bottom:1px solid var(--line)}
.tr-subs th{white-space:nowrap;width:1%;padding-right:10px}
.tr-subs a{text-decoration:none}
.tr-note{font-size:14px;color:var(--soft)}
/* article prose */
.tr-article ul{padding-left:22px}
.tr-article li{margin-bottom:6px}
.tr-photo{margin:20px 0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tr-photo figcaption{font-size:14px;color:var(--soft);padding:8px 12px}
.tr-credit{font-size:12px;color:var(--soft)}
.tr-credit a{color:var(--soft)}
.tr-checked{background:#fff;border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:var(--r);padding:16px 20px;margin:16px 0}
.tr-stamp{font-size:13px;font-weight:700;color:var(--ok);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}
.tr-checked ul{padding-left:20px;margin:8px 0 0}
.ask{background:var(--chip);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;margin:20px 0}
.ask p{margin:0 0 10px}
.tr-ask-h{font:700 19px "DM Sans",sans-serif}
.tr-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin:0 0 8px;padding:0 16px}
.tr-faq summary{cursor:pointer;font-weight:600;padding:12px 0}
.tr-faq details p{margin:0 0 12px}
.tr-towns{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.tr-town{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.tr-town h3{margin-bottom:6px}
.tr-town ul{list-style:none;padding:0;margin:0}
.tr-town li{padding:4px 0}
.tr-article table:not(.tr-subs){width:100%;border-collapse:collapse;background:#fff;font-size:15px}
.tr-article th,.tr-article td{border:1px solid var(--line);padding:8px;text-align:left}
.tr-hero{margin:0 0 16px}
.tr-hero img{border-radius:var(--r)}
.tr-hero figcaption{font-size:12px;color:var(--soft);padding:4px 2px}
.tr-foot{background:var(--navy);color:#cfdaf0;padding:28px 0;font-size:15px}
.tr-foot a{color:#fff}
.tr-foot-brand{font:800 18px "DM Sans",sans-serif;color:var(--sky)}
@media (max-width:960px){
 .tr-main{grid-template-columns:minmax(0,1fr)}
 .tr-side{position:static}
}
@media (max-width:640px){
 body{font-size:17px}
 h1{font-size:26px}
 h2{font-size:21px}
 .tr-top-in{gap:10px}
 .tr-nav{display:none}
 .tr-find{min-width:100%}
}
@media (min-width:900px){.tr-row .tr-call{max-width:340px}.tr-links{text-align:left}}
.tr-list-h{font-size:20px;margin:18px 0 12px}
/* home: blue plan-grid top with the stamped tick, the licence check, then one full licence card */
.tr-hero-a{background:linear-gradient(rgba(143,208,255,.09) 1px,transparent 1px) 0 0/24px 24px,
 linear-gradient(90deg,rgba(143,208,255,.09) 1px,transparent 1px) 0 0/24px 24px,var(--navy);color:#fff;padding:26px 0 40px;position:relative;overflow:hidden}
.tr-hero-a:after{content:"";position:absolute;right:-50px;top:-30px;width:220px;height:220px;opacity:.2;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%238fd0ff' stroke-width='3'%3E%3Crect x='18' y='48' width='164' height='104' rx='10'/%3E%3Crect x='28' y='58' width='144' height='84' rx='6' stroke-dasharray='5 5'/%3E%3Cpath d='M70 102l18 18 42-44' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}
.tr-hero-a .tr-wrap{position:relative;z-index:1}
.tr-hero-a h1{color:#fff;font-size:31px;line-height:1.1;margin:0 0 14px;font-weight:800;letter-spacing:-.03em}
.tr-hero-a h1 em{font-style:normal;color:var(--sky)}
.tr-check{position:relative}
.tr-srch{display:flex;background:#fff;border-radius:var(--r);padding:5px}
.tr-srch label{position:absolute;left:-9999px}
.tr-srch input{flex:1;min-width:0;border:0;border-radius:var(--r);padding:12px 10px;font:16px "DM Sans",sans-serif;color:var(--ink)}
.tr-srch button{border:0;background:var(--sky);color:var(--navy);font:800 16px "DM Sans",sans-serif;padding:0 18px;border-radius:10px;cursor:pointer}
.tr-results{list-style:none;margin:6px 0 0;padding:0;background:#fff;border-radius:var(--r);overflow:hidden;color:var(--ink)}
.tr-results:empty{display:none}
.tr-results li{border-top:1px solid var(--line)}
.tr-results li:first-child{border-top:0}
.tr-results a{display:block;padding:10px 14px;color:var(--ink);text-decoration:none}
.tr-results a:hover{background:var(--bg)}
.tr-results b{display:block}
.tr-results span{font-size:14px;color:var(--soft)}
.tr-results .tr-chip{margin-top:4px}
.tr-results p{padding:12px 14px;margin:0;font-size:15px}
.tr-prom{list-style:none;padding:0;margin:14px 0 0;font-size:15px;color:#dbe6fa}
.tr-prom li{padding:3px 0 3px 26px;position:relative}
.tr-prom li:before{content:"";position:absolute;left:4px;top:8px;width:11px;height:6px;border-left:2.5px solid var(--sky);border-bottom:2.5px solid var(--sky);transform:rotate(-45deg)}
.tr-shows{margin:-22px 0 0;position:relative;padding:0;list-style:none}
.tr-lic{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -24px rgba(15,47,122,.45)}
.tr-lic .tr-lic-hd{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px 8px;gap:10px}
.tr-lic h3{font-size:18px}
.tr-lic h3 a{color:var(--ink);text-decoration:none}
.tr-lic-stamp{border-radius:999px;background:var(--ok);color:#fff;font:800 11px "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.6px;padding:6px 10px;text-align:center;white-space:nowrap}
.tr-lic-rows{border-top:1px solid var(--line);font-size:15px}
.tr-lic-rows div{display:flex;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid #edf1f7}
.tr-lic-rows span{color:var(--soft);flex:none}
.tr-lic-rows b{font-weight:600;text-align:right}
.tr-mono{font-family:ui-monospace,Menlo,monospace;font-size:.92em}
.tr-lic-ft{padding:4px 16px 14px}
.tr-lic-ft small{display:block;text-align:center;color:var(--soft);font-size:12.5px;margin-top:6px}
.tr-shows-note{font-size:13px;color:var(--soft);margin:10px 0 0}
.tr-home-main{padding-top:24px;padding-bottom:48px}
.tr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 8px}
.tr-stats div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.tr-stats b{display:block;font:800 30px "DM Sans",sans-serif}
.tr-stats span{font-size:15px;color:var(--soft)}
.tr-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.tr-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.tr-tile h3{font-size:19px;margin:0 0 6px}
.tr-tile ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.tr-tile a{display:inline-block;font-size:15px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--chip);text-decoration:none;color:var(--link)}
.tr-tile a:hover{background:#dbe5f8}
.tr-tops{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.tr-top-card a{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-decoration:none;color:var(--ink);height:100%}
.tr-top-card a:hover{border-color:#b6c4dc;box-shadow:0 2px 6px rgba(15,47,122,.08)}
.tr-top-card b{font:700 19px "DM Sans",sans-serif}
.tr-top-trade{font-size:14px;font-weight:600;color:var(--soft);text-transform:uppercase;letter-spacing:.4px}
.tr-top-card .tr-rate{margin:0}
.tr-top-card .tr-chip{align-self:flex-start}
.tr-home-copy{max-width:820px;margin-top:20px}
.tr-steps,.tr-home-copy ol{counter-reset:s;list-style:none;padding:0}
.tr-steps li,.tr-home-copy ol li{counter-increment:s;padding:0 0 12px 40px;position:relative}
.tr-steps li:before,.tr-home-copy ol li:before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--btn);color:#fff;font:800 15px/28px "DM Sans",sans-serif;text-align:center}
@media (min-width:900px){
 .tr-hero-a{padding:56px 0 80px}
 .tr-hero-a h1{font-size:52px;max-width:700px}
 .tr-hero-a:after{right:6%;top:50px;width:340px;height:340px;opacity:1}
 .tr-check,.tr-prom{max-width:640px}
 .tr-shows{max-width:640px;margin-top:-44px}
}
@media (max-width:640px){
 .tr-stats{grid-template-columns:1fr 1fr}
 .tr-stats b{font-size:24px}
 .tr-tiles{grid-template-columns:1fr 1fr;gap:8px}
 .tr-tile{padding:12px}
 .tr-tile h3{font-size:17px}
 .tr-tile a{font-size:14px;padding:3px 8px}
}
/* Licence-check guide (1 Nov 2026): the search box in the article, the record card, the results table */
.tr-guide-check{margin:22px 0}
.tr-guide-check h2{margin-top:0}
.tr-guide-check .tr-srch{display:flex;gap:8px}
.tr-guide-check input{flex:1;min-width:0}
.tr-guide-lic{margin:18px 0 22px}
.tr-guide-lic .tr-shows-note{margin-top:8px}
.tr-tablewrap{overflow-x:auto;margin:16px 0;padding:0;-webkit-overflow-scrolling:touch}
.tr-stattable{background:#fff;border-radius:var(--r)}
.tr-stattable caption{text-align:left;font-weight:700;padding:0 0 8px}
.tr-stattable thead th{font-size:13px;color:var(--soft);white-space:normal;width:auto;vertical-align:bottom}
.tr-stattable td{text-align:right;font-variant-numeric:tabular-nums}
.tr-stattable tfoot th,.tr-stattable tfoot td{font-weight:800;border-bottom:0}
@media (max-width:640px){.tr-stattable{font-size:14px}.tr-stattable thead th{font-size:12px}}

/* The ranked list is a data block (figure), not reading text */
.tr-listfig{margin:0;padding:0}
/* 1 Nov 2026 finish pass (visual judge): photo in the head of each list, landscape photos, centred reading column */
.tr-headgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.tr-headpic{margin:12px 0 0;border-radius:var(--r);overflow:hidden;background:var(--chip)}
.tr-headpic img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover}
.tr-headpic figcaption{font-size:12px;color:var(--soft);padding:4px 2px;background:#fff}
.tr-head-list .tr-headpic{order:-1}
.tr-head-list h1{font-size:28px;letter-spacing:-.02em}
.tr-photo:not(.tr-map):not(.tr-chart) img,.tr-hero img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.tr-chart img{width:100%;height:auto;display:block}
.tr-rest{max-width:820px;padding-bottom:40px}
.tr-rest .tr-article>p:first-child{font-size:18px}
.tr-solo{justify-content:center}
.tr-govrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 16px}
.tr-govbtn{display:inline-block;background:var(--ok);color:#fff;font-weight:700;text-decoration:none;padding:12px 18px;border-radius:12px;font-size:16px}
.tr-govbtn:hover{filter:brightness(1.08)}
.tr-govbtn::after{content:" \2197"}
.tr-govalt{color:var(--link);font-weight:600;font-size:15px}
@media (min-width:900px){
 .tr-headgrid{grid-template-columns:minmax(0,1fr) 400px;gap:32px;align-items:center}
 .tr-head-list .tr-headpic{order:0;margin:16px 0}
 .tr-headpic img{aspect-ratio:3/2}
 .tr-head-list h1{font-size:40px}
 .tr-solo .tr-article{max-width:760px}
}
@media (max-width:640px){
 .tr-head-list .tr-headpic{margin:0 -16px;border-radius:0}
 .tr-head-list .tr-headpic img{aspect-ratio:3/1}
 .tr-head-list .tr-headpic figcaption{padding:2px 16px}
}
@media (max-width:640px){
 .tr-head-list .tr-headpic{position:relative}
 .tr-head-list .tr-headpic img{aspect-ratio:4/1;object-position:50% 55%}
 .tr-head-list .tr-headpic figcaption{position:absolute;right:0;bottom:0;background:rgba(15,31,61,.72);color:#fff;font-size:11px;padding:2px 8px;border-radius:8px 0 0 0}
 .tr-head-list .tr-headpic figcaption a{color:#fff}
 .tr-head-list h1{font-size:26px}
 .tr-head-list .tr-count{font-size:15px}
 .tr-head-list .tr-promline{padding-bottom:12px}
 .tr-head-list+.tr-main{padding-top:12px}
}
@media (max-width:640px){
 .tr-head-list+.tr-main .tr-list-h{margin-top:0;margin-bottom:10px}
 .tr-head-list .tr-crumbs{padding-top:8px}
}
@media (max-width:640px){.tr-head-list h1{font-size:25px;line-height:1.15}.tr-head-list+.tr-main .tr-row{padding:12px 14px}}
.tr-kicker{display:inline-block;margin:12px 0 0;padding:4px 10px;border-radius:999px;background:var(--ok-bg);color:var(--ok);font:700 13px "DM Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tr-solo .tr-article>p:first-child{background:#fff;border-left:4px solid var(--ok);border-radius:0 var(--r) var(--r) 0;padding:14px 16px}
@media (min-width:900px){.tr-head:not(.tr-head-list) .tr-headgrid{max-width:792px;grid-template-columns:minmax(0,1fr)}}
/* proof strip under a list headline */
.tr-proof{list-style:none;margin:6px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tr-proof li{background:var(--chip);border-radius:999px;padding:4px 10px;font-size:14px;color:var(--ink)}
.tr-proof b{font-weight:800}
/* guide contents list */
.tr-toc{display:none}
@media (min-width:1100px){
 .tr-has-toc{grid-template-columns:minmax(0,760px) 260px;gap:40px}
 .tr-toc{display:block;position:sticky;top:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-size:15px}
 .tr-toc p{font-weight:800;margin:0 0 8px}
 .tr-toc ol{margin:0;padding-left:18px;display:grid;gap:6px}
 .tr-toc a{color:var(--link);text-decoration:none}
 .tr-toc a:hover{text-decoration:underline}
 .tr-head:not(.tr-head-list) .tr-headgrid{max-width:1092px}
 .tr-head-list+.tr-main .tr-list{grid-template-columns:1fr 1fr}
 .tr-head-list+.tr-main .tr-row .tr-call{max-width:none}
}
.tr-guide-check .tr-srch button{background:var(--btn);color:#fff}
@media (max-width:640px){.tr-head-list .tr-count{display:none}.tr-proof li{font-size:13px;padding:3px 9px}}
.tr-head .tr-proof{padding-left:0;margin-left:0}.tr-head .tr-proof li{margin:0}
/* 1 Nov 2026 third finish pass (visual judge round 3): a full photo head with the headline on it, and the proof as one strong strip */
.tr-head-list .tr-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#0f1f3d;border-radius:var(--r);padding:10px 2px;margin:12px 0 10px}
.tr-head-list .tr-proof li{background:none;border-radius:0;padding:0 10px;color:#cdd7ea;font-size:13px;line-height:1.3;border-left:1px solid rgba(255,255,255,.2)}
.tr-head-list .tr-proof li:first-child{border-left:0}
.tr-head-list .tr-proof b{display:block;color:#fff;font-size:20px;line-height:1.15;margin-bottom:2px;letter-spacing:-.01em}
.tr-head-list h1{font-weight:800}
@media (min-width:900px){
 .tr-head-list .tr-headgrid{grid-template-columns:minmax(0,1fr) 500px}
 .tr-head-list .tr-headpic img{aspect-ratio:4/3}
 .tr-head-list h1{font-size:44px;line-height:1.08}
 .tr-head-list .tr-proof b{font-size:24px}
 .tr-head-list .tr-proof li{font-size:14px;padding:0 14px}
}
@media (max-width:640px){
 .tr-head-list .tr-headtext{display:contents}
 .tr-head-list .tr-crumbs{grid-row:1}
 .tr-head-list .tr-headpic{grid-row:2;grid-column:1;order:0;margin:0 -16px;border-radius:0}
 .tr-head-list .tr-headpic img{aspect-ratio:3/2}
 .tr-head-list h1{grid-row:2;grid-column:1;align-self:end;position:relative;z-index:1;margin:0 -16px;padding:64px 16px 14px;color:#fff;font-size:27px;line-height:1.12;background:linear-gradient(180deg,rgba(10,22,48,0) 0%,rgba(10,22,48,.55) 35%,rgba(10,22,48,.88) 100%);text-shadow:0 1px 3px rgba(0,0,0,.4)}
 .tr-head-list .tr-headpic figcaption{top:0;bottom:auto;border-radius:0 0 0 8px}
 .tr-head-list .tr-proof{grid-row:3}
 .tr-head-list .tr-promline{grid-row:4}
 .tr-head-list .tr-proof li{font-size:12px;padding:0 8px}
 .tr-head-list .tr-proof b{font-size:18px}
}
@media (max-width:640px){
 .tr-head-list .tr-crumbs{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:6px;padding-bottom:6px}
 .tr-head-list .tr-crumbs span::before,.tr-head-list .tr-crumbs a+a::before{margin:0 5px}
 .tr-head-list .tr-headpic img{aspect-ratio:16/10}
 .tr-head-list .tr-proof{padding:8px 2px;margin:10px 0 8px}
}
@media (max-width:640px){.tr-head-list+.tr-main .tr-list-h{font-size:19px}}
.tr-head-list h1{text-wrap:balance}
/* 2 Nov 2026 guide head (visual judge round 4): the answer, photo and three steps in a navy band, contents as a row */
.tr-head-guide{background:linear-gradient(0deg,rgba(143,208,255,.09) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(143,208,255,.09) 1px,transparent 1px) 0 0/24px 24px,var(--navy);color:#fff;padding:0 0 22px;border:0}
.tr-head-guide .tr-crumbs,.tr-head-guide .tr-crumbs a{color:#b9c9ee}
.tr-head-guide .tr-kicker{background:rgba(143,208,255,.16);color:var(--sky)}
.tr-head-guide h1{color:#fff;font-size:30px;line-height:1.12;margin:10px 0 12px;text-wrap:balance}
.tr-standfirst p{margin:0;font-size:18px;line-height:1.5;color:#e6edfb}
.tr-standfirst a{color:var(--sky)}
.tr-guidegrid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.tr-guidepic{margin:0 -16px}
.tr-guidepic img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.tr-guidepic figcaption{font-size:12px;color:#b9c9ee;padding:4px 16px}
.tr-guidepic figcaption a{color:#b9c9ee}
.tr-gsteps{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;counter-reset:none}
.tr-gsteps li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(143,208,255,.25);border-radius:var(--r);padding:10px 14px;font-weight:600;font-size:16px;line-height:1.3}
.tr-gsteps b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sky);color:var(--navy);font:800 16px "DM Sans",sans-serif}
.tr-head-guide .tr-govrow{margin:0 0 6px}
.tr-head-guide .tr-govalt{color:var(--sky)}
.tr-head-guide .tr-count{color:#b9c9ee;margin:6px 0 0;font-size:14px}
.tr-jump{display:none}
.tr-guide-main .tr-article>p:first-child{background:none;border:0;padding:0;font-size:inherit}
.tr-guide-main{justify-content:center}
.tr-guide-main .tr-article{max-width:760px;width:100%}
@media (min-width:900px){
 .tr-guidegrid{grid-template-columns:minmax(0,1fr) 440px;column-gap:40px;row-gap:18px;align-items:start}
 .tr-guidegrid .tr-headtext{grid-column:1;grid-row:1}
 .tr-guidepic{grid-column:2;grid-row:1/span 2;margin:28px 0 0;border-radius:var(--r);overflow:hidden}
 .tr-guidepic img{aspect-ratio:4/3}
 .tr-guidepic figcaption{padding:4px 0}
 .tr-guideact{grid-column:1;grid-row:2}
 .tr-head-guide h1{font-size:44px;line-height:1.06}
 .tr-gsteps{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tr-gsteps li{flex-direction:column;align-items:flex-start;font-size:15px}
 .tr-jump{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:1092px;margin:20px auto 0;padding:14px 16px 0;border-top:1px solid rgba(143,208,255,.25);font-size:14px}
 .tr-jump span{font-weight:800;color:var(--sky);margin-right:4px}
 .tr-jump a{color:#fff;text-decoration:none;background:rgba(255,255,255,.08);border-radius:999px;padding:5px 12px}
 .tr-jump a:hover{background:rgba(255,255,255,.18)}
}
@media (min-width:1100px){.tr-head-guide .tr-guidegrid{max-width:1092px}}
/* the register table fits a 390px phone without a hidden column */
.tr-stattable{width:100%}
@media (max-width:640px){
 .tr-stattable{font-size:13px}
 .tr-stattable th,.tr-stattable td{padding:6px 4px}
 .tr-stattable thead th{font-size:11.5px;line-height:1.2}
 .tr-stattable tbody th,.tr-stattable tfoot th{font-size:13px}
}