:root{--bg:#fff;--soft:#f7f7f5;--tx:#2b2b2b;--ink:#111;--mu:#666;--line:#e4e4e4;--ac:#f23a02;--ac-tx:#c4380a;--ac-dk:#a83006;--ac-wash:#fff6f1;--sage:#3f6b3f;--sage-l:#b9d4b9;--font:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.7 var(--font);overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--ac-tx)}
a:hover{color:var(--ac-dk)}
a:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:2px}
strong,b{color:var(--ink);font-weight:700}
.dl-wrap{max-width:1180px;margin:0 auto;padding:0 16px}

/* Header: domain wordmark and a thin inline menu with slash separators */
.dl-head{background:var(--bg);border-bottom:1px solid var(--line)}
.dl-head-in{display:flex;flex-direction:column;align-items:center;padding-top:2px;padding-bottom:2px}
.dl-mark{display:inline-flex;align-items:center;min-height:44px;font:700 1rem/1 var(--font);letter-spacing:.14em;color:var(--ink);text-decoration:none}
.dl-mark:hover{color:var(--ac-tx)}
.dl-menu{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;font:300 1rem/1 var(--font);font-stretch:75%;white-space:nowrap}
.dl-menu a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;color:var(--ink);text-decoration:none}
.dl-menu a:hover{color:var(--sage)}
.dl-menu a.dl-on{color:var(--ac-tx);font-weight:400}
.dl-sep{color:var(--mu);padding:0 7px}

.dl-layout{display:block;padding-top:16px;padding-bottom:56px}
.dl-main{min-width:0}
.dl-side{display:none}

/* Display headings: wide-tracked uppercase, after the restored site's section titles */
h1,h2{font-family:var(--font);color:var(--ink);margin:0}
h1{font-size:1.18rem;font-weight:800;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;text-align:center;max-width:30em;margin:0 auto 10px}
h2{font-weight:400;line-height:1.3;margin:0 0 20px}
.dl-h2k{display:block;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ac-tx);margin-bottom:8px}
.dl-h2m{display:block;font-size:1.2rem;font-weight:800;letter-spacing:.08em;line-height:1.35;text-transform:uppercase;color:var(--ink)}
h3{font:700 1.08rem/1.4 var(--font);color:var(--ink);margin:28px 0 8px}
p{margin:0 0 16px}

/* Above the board */
.dl-intro{font-size:1rem;line-height:1.55;text-align:center;max-width:38em;margin:0 auto 10px;color:var(--tx)}
.dl-byline{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 8px;text-align:left}
.dl-byline img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--soft);flex:none}
.dl-byline p{margin:0;font-size:.82rem;line-height:1.4;color:var(--mu)}
.dl-byline strong{color:var(--ink)}
.dl-disc{max-width:40em;margin:0 auto 14px;font-size:.75rem;line-height:1.45;color:var(--mu);text-align:center}

/* Board */
.dl-board{margin:0 0 36px;scroll-margin-top:12px}
.dl-podium,.dl-list{list-style:none;margin:0;padding:0}
.dl-podium{display:grid;gap:12px;margin-bottom:14px}
.dl-row-a{text-decoration:none;color:var(--tx)}
.dl-row-a:hover{color:var(--tx)}
.dl-row-a:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.dl-logo{width:62px;height:38px;flex:none;background:#fff;border:1px solid var(--line);border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dl-logo img{width:100%;height:100%;object-fit:contain;padding:4px}
.dl-logo-name{display:none;font:700 .62rem/1.1 var(--font);color:var(--ink);text-align:center;padding:2px}
.dl-logo-fail .dl-logo-name{display:block}
.dl-row-a[data-brand="Rolletto"] .dl-logo{background:#222;border-color:#222}
.dl-row-a[data-brand="Rolletto"] .dl-logo-name{color:#fff}
.dl-num{color:var(--ac-tx);font-weight:800}
.dl-chips{display:flex;flex-wrap:wrap;gap:6px}
.dl-chip{font-size:.72rem;line-height:1.4;padding:2px 8px;border:1px solid var(--line);border-radius:3px;color:var(--mu);background:var(--soft)}

/* Top three: compact cards on a phone, a three-column feature row from 760px */
.dl-pod .dl-row-a{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"logo pos" "logo bonus" "logo name" "chips chips" "cta cta";column-gap:14px;row-gap:2px;align-items:center;height:100%;padding:14px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--line);transition:border-color .2s}
.dl-pod-1 .dl-row-a{border-top-color:var(--ac)}
.dl-pod .dl-row-a:hover{border-color:#cfcfcf;border-top-color:var(--ac)}
.dl-ribbon,.dl-pod .dl-pos{grid-area:pos;justify-self:start;font:700 .7rem/1 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--mu)}
.dl-ribbon{color:var(--ac-tx)}
.dl-pod .dl-logo{grid-area:logo;width:84px;height:50px;align-self:center}
.dl-pod .dl-bonus{grid-area:bonus;font:700 1.15rem/1.3 var(--font);color:var(--ink)}
.dl-pod .dl-name{grid-area:name;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.dl-pod .dl-chips{grid-area:chips;margin-top:10px}
.dl-pod .dl-cta{grid-area:cta;display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:12px;background:var(--ac-tx);color:#fff;font:700 .9rem/1 var(--font);letter-spacing:.14em;text-transform:uppercase;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:background .2s}
.dl-pod .dl-row-a:hover .dl-cta{background:var(--ac-dk)}

/* Positions 4 to 10 */
.dl-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dl-line+.dl-line{border-top:1px solid var(--line)}
.dl-line .dl-row-a{display:grid;grid-template-columns:18px 62px minmax(0,1fr);grid-template-areas:"pos logo main" "pos logo cta";gap:2px 12px;align-items:center;min-height:64px;padding:12px 4px;transition:background .2s}
.dl-line .dl-row-a:hover{background:var(--soft)}
.dl-line .dl-pos{grid-area:pos;font:700 .8rem/1 var(--font);color:var(--mu);text-align:center}
.dl-line .dl-logo{grid-area:logo}
.dl-rmain{grid-area:main;display:flex;flex-direction:column;gap:4px;min-width:0}
.dl-line .dl-bonus{font:700 1rem/1.35 var(--font);color:var(--ink)}
.dl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.dl-line .dl-name{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin-right:2px}
.dl-line .dl-chip{font-size:.68rem;padding:1px 6px}
.dl-line .dl-cta{grid-area:cta;justify-self:start;font:700 .78rem/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ac-tx);white-space:nowrap}
.dl-line .dl-row-a:hover .dl-cta{color:var(--ac-dk)}
.dl-board-fine{font-size:.75rem;color:var(--mu);margin:12px 0 0;text-align:center}

/* Answer box straight after the board */
.dl-answer{background:var(--soft);border-left:3px solid var(--ac);padding:20px 18px;margin:0 0 8px}
.dl-answer-t{font:700 .75rem/1.2 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ac-tx);margin-bottom:10px}
.dl-answer p:last-child{margin:0}

/* Sections: generous whitespace and a short accent rule above each heading */
.dl-sec,.dl-authorbox{padding-top:44px;margin-top:48px;position:relative;border-top:1px solid var(--line)}
.dl-sec::before{content:"";position:absolute;top:-2px;left:0;width:48px;height:3px;background:var(--ac)}
.dl-golink{display:block;margin:2px 0 8px}
.dl-go{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--ac-tx);color:var(--ac-tx);text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:0 18px;border-radius:5px;transition:background .2s,color .2s}
.dl-go:hover{background:var(--ac-tx);color:#fff}
.dl-steps{counter-reset:dl;list-style:none;padding:0;margin:0 0 16px}
.dl-steps>li{counter-increment:dl;position:relative;padding:0 0 6px 46px}
.dl-steps>li::before{content:counter(dl,decimal-leading-zero);position:absolute;left:0;top:26px;font:800 1.1rem/1 var(--font);letter-spacing:.06em;color:var(--ac-tx)}
.dl-steps h3{margin-top:24px}
.dl-plain{padding-left:22px}
.dl-plain li{margin-bottom:10px}
.dl-plain li::marker{color:var(--ac-tx);font-weight:700}
.dl-signals{display:grid;gap:16px;margin:0 0 18px}
.dl-sig{background:#fff;border:1px solid var(--line);padding:18px 18px 10px}
.dl-sig ul{margin:0;padding-left:20px}
.dl-sig li{margin-bottom:8px}
.dl-sig-t{font:700 .75rem/1.2 var(--font);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}
.dl-sig-ok{border-top:3px solid var(--sage-l)}
.dl-sig-ok .dl-sig-t,.dl-sig-ok li::marker{color:var(--sage)}
.dl-sig-ko{border-top:3px solid var(--ac)}
.dl-sig-ko .dl-sig-t,.dl-sig-ko li::marker{color:var(--ac-tx)}
.dl-tablewrap{overflow-x:auto;margin:0 0 18px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.dl-table{border-collapse:collapse;width:100%;font-size:1rem;min-width:520px}
.dl-table th,.dl-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.dl-table tr:last-child th,.dl-table tr:last-child td{border-bottom:0}
.dl-table thead th{color:var(--ink);font:700 .72rem/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase}
.dl-table tbody th{color:var(--ink);font-weight:600}
.dl-table tbody tr:nth-child(odd){background:var(--soft)}
.dl-comp{background:var(--soft);border-left:3px solid var(--ac);padding:16px 18px;margin:0 0 18px;font-size:1rem;color:var(--tx)}
.dl-comp-t{font:700 .72rem/1.2 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ac-tx);margin-bottom:8px}
.dl-comp p:last-child{margin:0}

/* Chooser */
.dl-chooser{background:#fff;border:1px solid var(--line);border-top:3px solid var(--ac);padding:20px 16px;margin:0 0 20px}
.dl-ch-t{font:800 1rem/1.3 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}
.dl-chooser fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}
.dl-chooser legend{font-size:.9rem;font-weight:600;color:var(--tx);margin-bottom:8px;padding:0}
.dl-seg{display:flex;border:1px solid #cfcfcf;border-radius:5px;overflow:hidden}
.dl-opt{flex:1 1 0;min-width:0;min-height:44px;display:flex;align-items:stretch;cursor:pointer;position:relative}
.dl-opt+.dl-opt{border-left:1px solid #cfcfcf}
.dl-opt input{position:absolute;opacity:0;width:1px;height:1px}
.dl-opt span{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:8px 6px;text-align:center;font-size:.85rem;font-weight:600;line-height:1.25;color:var(--tx);transition:background .2s,color .2s}
.dl-opt:hover span{background:var(--soft)}
.dl-opt input:checked+span{background:var(--ac-tx);color:#fff}
.dl-opt:hover input:checked+span{background:var(--ac-dk)}
.dl-opt input:focus-visible+span{outline:2px solid var(--ink);outline-offset:-4px}
.dl-ch-list{list-style:none;padding:0;margin:4px 0 12px;display:grid;gap:8px}
.dl-ch-list a{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:12px 14px;background:var(--soft);border-left:3px solid var(--ac);color:var(--tx);text-decoration:none}
.dl-ch-list a:hover{background:var(--ac-wash);color:var(--tx)}
.dl-ch-list strong{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.dl-ch-list span{font-weight:700;color:var(--ink)}
.dl-ch-list small{font-size:.8rem;color:var(--mu)}
.dl-ch-note,.dl-ch-none{font-size:1rem;color:var(--mu);margin:0}
.dl-ch-static ul{padding-left:20px;margin:0 0 8px}

/* FAQ and author */
.dl-faq-i{border-top:1px solid var(--line);padding-top:4px}
.dl-faq-i:first-of-type{border-top:0}
.dl-faq-i h3{margin-top:18px}
.dl-authorbox{display:flex;gap:16px;align-items:flex-start;font-size:1rem;color:var(--tx)}
.dl-authorbox img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;background:var(--soft)}
.dl-ab-n{font:800 .9rem/1.2 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.dl-authorbox p:last-child{margin:0}
.dl-authorbox a[href^="mailto:"],.dl-foot a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px}

/* Sidebar table of contents (navigation only) */
.dl-toc{position:sticky;top:16px;padding:0 0 0 18px;border-left:1px solid var(--line)}
.dl-toc-t{font:700 .72rem/1.2 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ac-tx);margin-bottom:6px}
.dl-toc ol{margin:0;padding-left:18px;font-size:.84rem;line-height:1.3}
.dl-toc li{color:var(--mu)}
.dl-toc li::marker{font-size:.75rem}
.dl-toc a{display:flex;align-items:center;min-height:44px;text-decoration:none;color:var(--tx)}
.dl-toc a:hover{color:var(--ac-tx)}

.dl-foot{border-top:1px solid var(--line);background:var(--soft);color:var(--tx);padding:32px 0 40px;font-size:.9rem}
.dl-foot .dl-comp{background:#fff}
.dl-foot .dl-mark{margin-bottom:12px}

@media (min-width:760px){
.dl-head-in{flex-direction:row;justify-content:space-between;min-height:72px}
.dl-mark{font-size:1.05rem}
.dl-menu{font-size:1.1rem}
.dl-layout{padding-top:36px}
h1{font-size:1.9rem;letter-spacing:.1em;margin-bottom:14px}
.dl-h2k{font-size:.78rem}
.dl-h2m{font-size:1.5rem;letter-spacing:.1em}
.dl-intro{font-size:1.02rem;line-height:1.6;margin-bottom:12px}
.dl-disc{margin-bottom:24px}
.dl-podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dl-pod .dl-row-a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 18px 18px}
.dl-pod .dl-ribbon,.dl-pod .dl-pos{justify-self:auto}
.dl-pod .dl-logo{width:120px;height:56px;margin:4px 0}
.dl-pod .dl-bonus{font-size:1.25rem}
.dl-pod .dl-chips{justify-content:center;margin-top:2px}
.dl-pod .dl-cta{align-self:stretch;margin-top:auto}
.dl-line .dl-row-a{grid-template-columns:24px 74px minmax(0,1fr) auto;grid-template-areas:"pos logo main cta";gap:0 18px;padding:12px 10px}
.dl-line .dl-logo{width:74px;height:44px}
.dl-rmain{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 16px}
.dl-line .dl-bonus{font-size:1.05rem}
.dl-line .dl-cta{justify-self:end}
.dl-signals{grid-template-columns:1fr 1fr}
.dl-chooser{padding:28px 30px}
.dl-sec,.dl-authorbox{padding-top:56px;margin-top:60px}
}
@media (min-width:1080px){
.dl-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:56px;align-items:start}
.dl-side{display:block;position:sticky;top:24px;margin-top:140px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dl-pod .dl-row-a,.dl-line .dl-row-a,.dl-go,.dl-opt span,.dl-pod .dl-cta{transition:none}}