.touchline-dossier{--ink:#152627;--muted:#64706a;--paper:#f5f3eb;--white:#fffefa;--accent:#b65c39;--navy:#12272f;--line:#deded5;--blue:#72bad5}
.touchline-dossier, .touchline-dossier *{box-sizing:border-box}
.touchline-dossier{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.72}
.touchline-dossier .topbar{background:var(--navy);color:#f8f4e8;padding:17px max(6%,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em}
.touchline-dossier .brand{font-size:22px;letter-spacing:-.05em;font-weight:900}
.touchline-dossier .topbar .edition{opacity:.7}
.touchline-dossier .hero{position:relative;min-height:580px;background:#061316;overflow:hidden;display:flex;align-items:flex-end}
.touchline-dossier .hero img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 39%}
.touchline-dossier .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,rgba(0,0,0,.16) 43%,rgba(0,0,0,.91) 100%)}
.touchline-dossier .hero-inner{position:relative;z-index:2;width:min(1120px,88%);margin:0 auto;padding-bottom:64px;color:white}
.touchline-dossier .eyebrow{display:inline-block;font:700 11px Arial,sans-serif;letter-spacing:.21em;text-transform:uppercase;color:#b8e9f0;margin-bottom:15px}
.touchline-dossier .hero h1{font-size:clamp(58px,9vw,116px);line-height:.9;margin:0 0 15px;letter-spacing:-.07em;max-width:860px}
.touchline-dossier .hero p{font:400 clamp(15px,2vw,19px)/1.5 Arial,sans-serif;max-width:690px;color:#e6ecec;margin:0}
.touchline-dossier .hero-meta{margin-top:24px;font:700 11px Arial,sans-serif;letter-spacing:.15em;color:#d8dfde;text-transform:uppercase}
.touchline-dossier .layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:68px;max-width:1120px;margin:auto;padding:64px 5% 100px}
.touchline-dossier .content h2{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.055em;font-size:clamp(28px,3.6vw,43px);line-height:1.16;margin:57px 0 19px}
.touchline-dossier .content h3{font:800 19px/1.3 Arial,sans-serif;letter-spacing:-.03em;margin:30px 0 13px}
.touchline-dossier .content p{margin:0 0 19px}
.touchline-dossier .content ul{padding-left:21px;margin:0 0 23px}
.touchline-dossier .content li{margin:5px 0}
.touchline-dossier .content strong{font-family:Arial,sans-serif;font-size:.86em;letter-spacing:.004em}
.touchline-dossier .content hr{border:0;border-top:1px solid var(--line);margin:42px 0}
.touchline-dossier .content table{border-collapse:collapse;width:100%;font:14px/1.5 Arial,sans-serif;margin:18px 0 26px;background:var(--white)}
.touchline-dossier .content th{text-align:left;background:var(--navy);color:white;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.touchline-dossier .content td, .touchline-dossier .content th{padding:13px 14px;border-bottom:1px solid var(--line)}
.touchline-dossier .content tr:nth-child(even) td{background:#f0f1e9}
.touchline-dossier .intro-block{padding-bottom:14px}
.touchline-dossier .intro-block h2{margin-top:12px}
.touchline-dossier .intro-block h3{color:var(--accent)}
.touchline-dossier .content blockquote{border-left:3px solid var(--accent);padding:10px 20px;margin:24px 0;background:#efeae2}
.touchline-dossier .sidebar{align-self:start;position:sticky;top:26px;font-family:Arial,sans-serif}
.touchline-dossier .sidetag{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--muted);margin-bottom:15px}
.touchline-dossier .sidecard{border:1px solid var(--line);background:var(--white);padding:24px}
.touchline-dossier .sidecard strong{display:block;font-size:11px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:12px}
.touchline-dossier .decision{background:var(--navy);color:white;padding:22px;margin-bottom:18px}
.touchline-dossier .decision small{font:700 10px Arial,sans-serif;letter-spacing:.16em;color:#8eb8bf}
.touchline-dossier .decision h2{font:900 22px/1.1 Arial,sans-serif;letter-spacing:-.04em;margin:11px 0}
.touchline-dossier .decision p{font:13px/1.5 Arial,sans-serif;margin:0;color:#c8d8d9}
.touchline-dossier .sidecard .row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}
.touchline-dossier .sidecard .row:last-child{border:0}
.touchline-dossier .sidecard .row span{color:var(--muted)}
.touchline-dossier .sidecard .row b{text-align:right}
.touchline-dossier .toc{padding:20px 0}
.touchline-dossier .toc a{display:block;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);padding:8px 0;font-size:12px}
.touchline-dossier .toc a:hover{color:var(--accent)}
.touchline-dossier .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border:1px solid var(--line);margin:22px 0 27px}
.touchline-dossier .stat{padding:18px 12px;background:var(--navy);text-align:center;color:white}
.touchline-dossier .stat b{font:900 36px Arial,sans-serif;display:block;letter-spacing:-.07em;line-height:1.05}
.touchline-dossier .stat span{font:700 10px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#c5d0cf}
.touchline-dossier .photo{margin:26px 0 34px}
.touchline-dossier .photo img{display:block;width:100%;max-height:570px;object-fit:cover}
.touchline-dossier .photo figcaption{font:12px/1.5 Arial,sans-serif;color:var(--muted);padding:10px 0}
.touchline-dossier .feature{margin:18px 0 37px;display:grid;grid-template-columns:1.15fr .85fr;background:var(--navy);color:#f9f4ea}
.touchline-dossier .feature img{width:100%;height:100%;min-height:265px;object-fit:cover}
.touchline-dossier .feature div{padding:28px;display:flex;flex-direction:column;justify-content:center}
.touchline-dossier .feature small{font:700 10px Arial,sans-serif;color:#9cdae6;letter-spacing:.18em}
.touchline-dossier .feature p{font:700 24px/1.19 Arial,sans-serif;letter-spacing:-.05em;margin:12px 0 0}
.touchline-dossier .note{font:12px/1.6 Arial,sans-serif;color:var(--muted);border-left:3px solid var(--accent);padding:12px 16px;background:#ecebe3;margin:22px 0}
.touchline-dossier .end{padding:38px;background:var(--navy);color:white;margin-top:33px}
.touchline-dossier .end h2{color:white!important;margin-top:0}
.touchline-dossier .end strong{color:#bde3e3}
.touchline-dossier .footer{background:#12272f;color:#d9e2df;padding:35px 6%;font:12px Arial,sans-serif;letter-spacing:.08em;display:flex;justify-content:space-between;gap:15px}
.touchline-dossier .compact-table{overflow-x:auto}
.touchline-dossier .content .lead{font-size:19px;line-height:1.72}
.touchline-dossier .report-banner{font:900 12px Arial,sans-serif;letter-spacing:.18em;color:var(--accent)}
@media(max-width:920px){.touchline-dossier .layout{grid-template-columns:minmax(0,1fr);padding-top:37px;gap:10px}
.touchline-dossier .sidebar{grid-row:1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.touchline-dossier .sidebar .toc{display:none}
.touchline-dossier .hero{min-height:480px}
.touchline-dossier .hero-inner{padding-bottom:43px}
.touchline-dossier .feature{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.touchline-dossier .topbar{padding:15px 6%}
.touchline-dossier .brand{font-size:19px}
.touchline-dossier .hero{min-height:450px}
.touchline-dossier .hero h1{font-size:61px}
.touchline-dossier .layout{padding:30px 5% 66px}
.touchline-dossier .sidebar{display:block}
.touchline-dossier .sidebar .sidecard{margin-bottom:14px}
.touchline-dossier .content h2{font-size:29px}
.touchline-dossier .content table{font-size:12px}
.touchline-dossier .content td, .touchline-dossier .content th{padding:10px 9px}
.touchline-dossier .stats{grid-template-columns:repeat(2,1fr)}
.touchline-dossier .feature{display:block}
.touchline-dossier .feature img{height:250px}
.touchline-dossier .feature div{padding:23px}
.touchline-dossier .footer{display:block}
.touchline-dossier .footer span{display:block;margin-bottom:8px}}
.touchline-dossier{--ink:#171717;--muted:#706b66;--paper:#fffaf3;--white:#fffdf8;--accent:#ff6719;--navy:#101010;--line:#ddd5ca;--blue:#ff6719}
.touchline-dossier{font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.75}
.touchline-dossier .topbar{background:#101010;color:#fffaf3;border-bottom:4px solid var(--accent)}
.touchline-dossier .topbar .brand{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.065em}
.touchline-dossier .topbar .brand span{color:var(--accent)!important}
.touchline-dossier .hero{background:#101010}
.touchline-dossier .hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.065em;text-transform:uppercase}
.touchline-dossier .hero .eyebrow, .touchline-dossier .eyebrow, .touchline-dossier .report-banner{color:var(--accent)}
.touchline-dossier .hero .hero-meta{color:#f0e5d8}
.touchline-dossier .content h2, .touchline-dossier .content h3{font-family:Arial,Helvetica,sans-serif;color:#171717}
.touchline-dossier .content h2{font-weight:900;text-transform:uppercase;letter-spacing:-.048em}
.touchline-dossier .content h3{font-weight:800}
.touchline-dossier .content strong{font-family:Arial,Helvetica,sans-serif}
.touchline-dossier .content th{background:#101010;color:#fffaf3;border-bottom:3px solid var(--accent)}
.touchline-dossier .content tr:nth-child(even) td{background:#f2eae0}
.touchline-dossier .content blockquote{background:#fff0e2;border-left-color:var(--accent)}
.touchline-dossier .decision, .touchline-dossier .stat, .touchline-dossier .end, .touchline-dossier .feature{background:#101010;color:#fffaf3}
.touchline-dossier .decision small, .touchline-dossier .feature small, .touchline-dossier .end strong{color:#ff8b4b}
.touchline-dossier .decision p, .touchline-dossier .stat span{color:#e4dbd0}
.touchline-dossier .note{background:#fff0e2;border-left-color:var(--accent)}
.touchline-dossier .sidecard{background:#fffdf8}
.touchline-dossier .toc a:hover{color:#e85a11}
.touchline-dossier .footer{background:#101010;color:#f3ece2;border-top:4px solid var(--accent)}
/* Match Touchline's main article header/footer; protect dark verdict readability. */
.touchline-dossier{background:#fffaf3;color:#171717;--accent:#ff6719;--navy:#101010;--paper:#fffaf3;--white:#fffdf8;--ink:#171717;--muted:#706b66;--line:#ddd5ca; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.75; width:100%;}
.touchline-dossier .end h2,.touchline-dossier .end h3{color:#ff6719!important;opacity:1!important;}
.touchline-dossier .end strong,.touchline-dossier .end h3 strong{color:#ff6719!important;}
.touchline-dossier .end p,.touchline-dossier .end li{color:#fffaf3!important;}
.touchline-dossier .end .note{color:#171717!important;}
.touchline-dossier .hero{margin:0;}
.touchline-dossier .layout{box-sizing:border-box;}
.touchline-dossier .content{width:auto;min-width:0;max-width:none;}
.touchline-dossier .hero h1{color:#fff!important;}
.touchline-dossier .hero .eyebrow{color:#ff6719!important;}
.touchline-dossier .footer,.touchline-dossier .topbar{display:none!important;}

/* v1.5: preserve right-side dossier on desktop and tablet-size browser windows. */
@media (min-width: 701px) {
  .touchline-dossier .layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(225px, 282px) !important;
    align-items: start !important;
    gap: clamp(20px, 3.8vw, 60px) !important;
    max-width: 1220px !important;
    width: min(100%, 1220px) !important;
    padding: 58px clamp(18px, 3vw, 44px) 90px !important;
    margin: 0 auto !important;
  }
  .touchline-dossier .layout > .content { grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; }
  .touchline-dossier .layout > .sidebar {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    position: sticky !important;
    top: 30px !important;
    align-self: start !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .touchline-dossier .sidebar .toc {display:block !important;}
}
@media (max-width: 700px) {
  .touchline-dossier .layout { display:flex !important; flex-direction:column !important; gap: 24px !important; }
  .touchline-dossier .sidebar { order: -1 !important; position: static !important; width:100% !important; }
  .touchline-dossier .sidebar .toc {display:none !important;}
}