
:root{--bg:#ffffff;--panel:#f7f4ee;--ink:#16181c;--mute:#5a6069;--line:#ded7cb;
--teal:#a5232b;--tealdk:#7d161d;--amber:#9a6410;--cream:#fdf4e3;--cta:#8217a8;--ctadk:#630f80;
--disp:'Bebas Neue',Impact,'Arial Narrow Bold',sans-serif;
--body:'Lexend',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);
font-size:17px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--tealdk)}
.orl-wrap{max-width:1080px;margin:0 auto;padding-left:20px;padding-right:20px}
.orl-sec{padding-top:46px;padding-bottom:46px;border-top:1px solid var(--line)}
.orl-sec--panel{background:var(--panel)}
h1,h2,h3{font-family:var(--disp);line-height:1.06;margin:0 0 14px;text-transform:uppercase;font-weight:400}
.orl-h1{font-size:clamp(2.1rem,5.6vw,3.3rem);margin:0 0 12px;letter-spacing:.01em}
.orl-h2{font-size:clamp(1.55rem,3.3vw,2.2rem);letter-spacing:.015em}
.orl-h3{font-size:1.3rem;font-weight:700;margin:0 0 6px}
p{margin:0 0 15px}

/* nav ---------------------------------------------------------------------- */
.orl-nav{background:#fff;border-bottom:3px solid var(--teal);position:sticky;top:0;z-index:40}
.orl-navin{display:flex;align-items:center;justify-content:space-between;gap:16px;
padding-top:10px;padding-bottom:10px}
.orl-brand{display:block;line-height:0}
.orl-brand img{max-height:48px;max-width:250px;width:auto;height:auto;background:transparent;padding:0}
.orl-links{display:flex;flex-wrap:nowrap;gap:15px}
.orl-links a,.orl-panel a{color:var(--ink);text-decoration:none;font-weight:600;
font-size:.83rem;white-space:nowrap;letter-spacing:.02em}
.orl-links a:hover,.orl-panel a:hover{color:var(--tealdk);text-decoration:underline}
.orl-burger{display:none;position:relative}
.orl-burger summary{list-style:none;width:44px;height:44px;display:flex;flex-direction:column;
justify-content:center;gap:5px;cursor:pointer;padding:0 10px}
.orl-burger summary::-webkit-details-marker{display:none}
.orl-burger summary span{display:block;height:2px;background:var(--ink);border-radius:2px}
.orl-panel{position:absolute;right:0;top:48px;background:#fff;border:1px solid var(--line);
border-top:3px solid var(--teal);min-width:210px;display:flex;flex-direction:column;
box-shadow:0 10px 26px rgba(0,0,0,.14);z-index:50}
.orl-panel a{padding:13px 16px;min-height:44px;display:flex;align-items:center;
border-bottom:1px solid var(--line)}

/* hero --------------------------------------------------------------------- */
.orl-hero{padding-top:26px;padding-bottom:18px}
.orl-byline{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin:0 0 9px}
.orl-byline img{width:38px;height:38px;border-radius:50%;object-fit:cover;
border:2px solid var(--teal);flex-shrink:0}
.orl-bytext{font-size:.82rem;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orl-bytext a{color:var(--tealdk);font-weight:700}
.orl-lede{font-size:1.06rem;color:#2b313a;max-width:72ch;margin:0}
.orl-ledeb{display:none;background:none;border:0;padding:0;margin-left:6px;
color:var(--tealdk);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}

/* toplist: teller windows --------------------------------------------------- */
.orl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.orl-row{display:grid;grid-template-columns:86px 1.25fr 1.35fr 1fr;gap:16px;align-items:center;
background:#fff;border:1px solid var(--line);border-left:7px solid var(--teal);
padding:14px 16px;position:relative;
background-image:repeating-linear-gradient(90deg,transparent 0 6px,rgba(0,0,0,.015) 6px 7px)}
.orl-row[hidden]{display:none}               /* restated at author level (L_NEW_44c) */
.orl-row--top{border-left-color:var(--amber);box-shadow:0 2px 0 var(--amber),0 8px 22px rgba(0,0,0,.09)}
.orl-tix{text-align:center;border-right:2px dashed var(--line);padding-right:12px}
.orl-tixlab{display:block;font-size:.54rem;letter-spacing:.17em;color:var(--mute);text-transform:uppercase}
.orl-tixno{display:block;font-family:var(--disp);font-size:2.5rem;color:var(--teal);line-height:.95;letter-spacing:.02em}
.orl-row--top .orl-tixno{color:var(--amber)}
.orl-plate{background:#fff;border:1px solid var(--line);padding:7px;display:flex;
align-items:center;justify-content:center;max-width:188px}
.orl-plate img{max-height:62px;width:auto;object-fit:contain}
.orl-plate--sm{max-width:140px}
.orl-nm{font-family:var(--disp);font-size:1.32rem;margin:8px 0 2px;letter-spacing:.03em}
.orl-award{display:inline-block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
background:var(--amber);color:#fff;padding:3px 8px;font-weight:700}
/* the bonus PLATE: a notched counterfoil, the shape a cage chit actually has */
.orl-bonus{background:var(--cream);border:1px dashed var(--amber);border-left:4px solid var(--amber);
padding:9px 13px;display:inline-block;position:relative}
.orl-bonus--none{background:#f4f2ee;border-style:dotted;border-left-color:var(--line)}
.orl-bonus--none .orl-bval{color:var(--mute);font-size:1.05rem}
.orl-blab{display:block;font-size:.57rem;letter-spacing:.15em;text-transform:uppercase;color:#8a5b17}
.orl-bval{display:block;font-family:var(--disp);font-size:1.5rem;color:#7a4a0c;line-height:1.1;letter-spacing:.01em}
.orl-meta{font-size:.78rem;color:var(--mute);margin:7px 0 0}
.orl-code{font-size:.78rem;margin:5px 0 0}
.orl-code code{background:var(--panel);border:1px solid var(--line);padding:1px 6px;font-size:.76rem}
.orl-act{text-align:center}
.orl-cta{display:block;background:var(--cta);color:#fff;text-decoration:none;font-weight:700;
font-size:.92rem;padding:14px 16px;min-height:44px;text-align:center;border:0;
box-shadow:0 3px 0 var(--ctadk)}
.orl-cta:hover{background:var(--ctadk);box-shadow:0 1px 0 var(--ctadk);transform:translateY(2px)}
.orl-cta--lg{margin-top:14px;max-width:340px}
.orl-tc{font-size:.66rem;color:var(--mute);margin:7px 0 0}
.orl-morewrap{text-align:center;margin-top:18px}
.orl-more{background:#fff;border:2px solid var(--teal);color:var(--tealdk);font-weight:700;
font-size:.9rem;padding:13px 26px;min-height:44px;cursor:pointer;font-family:var(--body)}
.orl-more:hover{background:var(--teal);color:#fff}

/* content ------------------------------------------------------------------- */
.orl-take{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.orl-take li{background:#fff;border:1px solid var(--line);border-left:5px solid var(--teal);padding:13px 15px}
.orl-tablewrap{overflow-x:auto}
.orl-table{width:100%;border-collapse:collapse;background:#fff}
.orl-table caption{text-align:left;font-size:.8rem;color:var(--mute);padding:0 0 10px}
.orl-table th{background:var(--teal);color:#fff;font-family:var(--disp);font-size:.9rem;
letter-spacing:.05em;text-align:left;padding:10px 12px;position:sticky;top:0}
.orl-table td{border-bottom:1px solid var(--line);padding:11px 12px;font-size:.9rem;vertical-align:middle}
.orl-table tbody tr:nth-child(odd){background:var(--panel)}
.orl-rev{border:1px solid var(--line);background:#fff;padding:20px;margin:0 0 20px}
.orl-revhead{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.orl-note{font-size:.85rem;color:var(--mute);border-left:3px solid var(--line);padding-left:11px}
.orl-gloss dt,.orl-faq dt{font-family:var(--disp);font-size:1.08rem;font-weight:700;
margin:16px 0 5px;text-transform:none}
.orl-gloss dd,.orl-faq dd{margin:0 0 10px;color:#2b313a}
.orl-author{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.orl-author img{width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--teal)}
.orl-aname{font-family:var(--disp);font-size:1.3rem;font-weight:800;margin:0;text-transform:uppercase}
.orl-arole{font-size:.83rem;color:var(--mute);margin:2px 0 12px}
.orl-disc{font-size:.8rem;color:var(--mute);border-top:1px solid var(--line);padding-top:14px;margin-top:22px}

/* footer -------------------------------------------------------------------- */
.orl-foot{background:#11181c;color:#d9e2e0;padding:38px 0 24px;margin-top:10px}
.orl-foot a{color:#9fd7d0;text-decoration:none;display:block;padding:4px 0;font-size:.88rem}
.orl-foot a:hover{text-decoration:underline}
.orl-foot h3{font-size:1rem;color:#fff;margin:0 0 8px}
.orl-footgrid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:28px}
.orl-footgrid p{font-size:.85rem;color:#aab8b5}
.orl-footlogo{max-height:44px;width:auto;background:#fff;padding:7px 10px;margin-bottom:10px}
.orl-copy{font-size:.75rem;color:#8b9a97;border-top:1px solid #243036;padding-top:14px;margin:24px 0 0}

/* mobile -------------------------------------------------------------------- */
@media(max-width:900px){
.orl-links{display:none}
.orl-burger{display:block;flex:0 0 auto}
/* The 330px desktop cap plus padding exceeds a 375px viewport and pushed the
   hamburger 35px off-screen. min-width:0 belongs on the FLEX CHILD or it
   refuses to shrink below its content width. */
.orl-brand{min-width:0;flex:0 1 auto;overflow:hidden}
.orl-brand img{max-width:50vw;max-height:36px}
.orl-navin{padding-top:7px;padding-bottom:7px}
.orl-panel{right:0;max-width:calc(100vw - 40px)}
.orl-footgrid{grid-template-columns:1fr}
.orl-row{grid-template-columns:1fr;text-align:center;gap:8px;padding:11px;position:relative}
.orl-row[hidden]{display:none}
.orl-tix{position:absolute;top:9px;left:12px;border:0;padding:0;text-align:left}
.orl-tixlab{font-size:.48rem}
.orl-tixno{font-size:1.7rem}
.orl-id{display:flex;flex-direction:column;align-items:center;padding-top:6px}
.orl-plate{max-width:78%}
.orl-bonus{display:block;width:100%}
.orl-act{width:100%}
.orl-row>div:last-child{width:100%}
.orl-sec{padding-top:24px;padding-bottom:30px}
.orl-hero{padding-top:10px;padding-bottom:8px}
.orl-h1{font-size:1.46rem;margin-bottom:9px}
.orl-h2{font-size:1.32rem}
.orl-lede{font-size:.9rem;line-height:1.5}
.orl-lede .orl-ledemore{display:none}
.orl-lede.open .orl-ledemore{display:inline}
.orl-ledeb{display:inline-block}
.orl-bytext{font-size:.645rem;letter-spacing:-.1px}
.orl-byline img{width:30px;height:30px}
.orl-table thead{display:none}
.orl-table,.orl-table tbody,.orl-table tr,.orl-table td{display:block;width:100%}
.orl-table tr{border:1px solid var(--line);margin-bottom:10px}
.orl-table td{border:0;border-bottom:1px solid var(--line);display:flex;
justify-content:space-between;gap:12px;align-items:center}
.orl-table td:before{content:attr(data-l);font-weight:700;font-size:.75rem;
text-transform:uppercase;color:var(--mute)}
.orl-author{flex-direction:column;align-items:center;text-align:center}
}
