/* Shared Tux Tavern design system: homepage, articles, archives and pages. */ #tb-workstation .tw-site-shell{--tw-hero:url('');--tw-bg:#111418;--tw-panel:#181d24;--tw-ink:#e6f0e9;--tw-muted:#9cac9f;--tw-accent:#f5a742;--tw-line:#2a3442;background:var(--tw-bg);font-family:Arial,Helvetica,sans-serif;color:var(--tw-ink)} #tb-workstation .tw-site-shell .tbh-container{width:min(1380px,calc(100% - 64px));margin-inline:auto} #tb-workstation .tw-site-shell .tbh-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle} #tb-workstation .tw-site-shell .tbh-green{color:var(--tw-accent)} #tb-workstation .tw-site-shell .tbh-header{border-bottom:1px solid #2a3442;background:#0d1117} #tb-workstation .tw-site-shell .tbh-header-inner{display:flex;align-items:center;gap:25px;min-height:76px;padding-block:10px} #tb-workstation .tw-site-shell .tbh-brand{display:flex;align-items:center;gap:12px;color:var(--tw-ink);font-size:25px;font-weight:700;line-height:1.2;white-space:nowrap} #tb-workstation .tw-site-shell .tbh-brand>.tbh-icon{width:46px;height:46px;color:var(--tw-accent);stroke-width:1.7} #tb-workstation .tw-site-shell .tbh-brand small{display:block;color:#bccbbf;font:11px/1.5 monospace;letter-spacing:.4px;margin-top:4px} #tb-workstation .tw-site-shell .tbh-navigation{display:flex;gap:6px;align-items:center;margin-left:auto} #tb-workstation .tw-site-shell .tbh-navigation a{display:flex;align-items:center;gap:7px;padding:10px 11px;border:1px solid transparent;color:var(--tw-ink);font-size:13px;white-space:nowrap;border-radius:6px} #tb-workstation .tw-site-shell .tbh-navigation .tbh-current{color:#ffd8a8;background:#181d24;border-color:#4a301f} #tb-workstation .tw-site-shell .tbh-navigation a:hover{background:#251c14;color:#ffbe6b} #tb-workstation .tw-site-shell .tbh-search{display:flex;align-items:center;gap:10px;border:1px solid #4a301f;border-radius:7px;background:#0d1015;padding:9px 12px;width:285px;flex-shrink:1} #tb-workstation .tw-site-shell .tbh-search button{border:0;background:none;padding:0;display:grid;place-items:center;color:var(--tw-accent);cursor:pointer;min-width:24px;min-height:24px} #tb-workstation .tw-site-shell .tbh-search input{width:100%;min-width:0;color:var(--tw-ink);border:0;background:none;font:12px/1.5 Arial,sans-serif} #tb-workstation .tw-site-shell .tbh-search input::placeholder{color:#d8cfc4} #tb-workstation .tw-site-shell .tbh-search kbd{font:10px/1 monospace;color:#d8cfc4;white-space:nowrap;border:1px solid #3d2b1f;border-radius:4px;padding:4px} #tb-workstation .tw-site-shell .tbh-menu-toggle{display:none} #tb-workstation .tw-site-shell .tbh-hero{min-height:310px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(4,14,8,.9),rgba(4,14,8,.64) 31%,rgba(4,14,8,.1) 63%),linear-gradient(0deg,#111418,transparent 18%),var(--tw-hero);background-position:center,center,center 55%;background-size:cover;border-bottom:1px solid #3a2012} #tb-workstation .tw-site-shell .tbh-hero-copy{padding:30px 0 34px;max-width:550px} #tb-workstation .tw-site-shell .tbh-eyebrow{display:inline-block;border:1px solid #6b3e21;border-radius:6px;padding:5px 9px;color:#ffbe6b;background:#1a140fbd;font:10px/1.4 monospace;letter-spacing:1px} #tb-workstation .tw-site-shell .tbh-hero h1{font-size:40px;line-height:1.16;letter-spacing:-1.2px;margin:14px 0 10px;color:#f0f6f1} #tb-workstation .tw-site-shell .tbh-hero h1 span{color:#f5a742} #tb-workstation .tw-site-shell .tbh-hero p{font-size:15px;line-height:1.65;color:#e0e9e2;margin:0 0 21px} #tb-workstation .tw-site-shell .tbh-actions{display:flex;flex-wrap:wrap;gap:12px} #tb-workstation .tw-site-shell .tbh-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 19px;color:#18130e;background:#f5a742;border:1px solid #f5a742;border-radius:6px;font-size:13px;line-height:1.4;font-weight:700;transition:background .15s ease} #tb-workstation .tw-site-shell .tbh-button:hover{background:#a0ecb1} #tb-workstation .tw-site-shell .tbh-button-secondary{color:#e6f0e9;background:#181d24dd;border-color:#8c532d} #tb-workstation .tw-site-shell .tbh-button-secondary:hover{background:#251c14} #tb-workstation .tw-site-shell .tbh-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;padding-block:14px 26px;align-items:start;scroll-margin-top:15px} #tb-workstation .tw-site-shell .tbh-main{min-width:0} #tb-workstation .tw-site-shell .tbh-topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px} #tb-workstation .tw-site-shell .tbh-topic-nav a{display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #5a341a;border-radius:8px;color:#e6f0e9;background:#1a140f;font-size:12px;line-height:1.5;min-height:38px} #tb-workstation .tw-site-shell .tbh-topic-nav .tbh-icon{width:16px;height:16px} #tb-workstation .tw-site-shell .tbh-topic-nav a[aria-current=true]{background:#f5a742;color:#111418;border-color:#f5a742} #tb-workstation .tw-site-shell .tbh-topic-nav a:hover{border-color:#f5a742} #tb-workstation .tw-site-shell .tbh-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #36563f;padding-bottom:10px;margin-bottom:12px} #tb-workstation .tw-site-shell .tbh-section-heading h2{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:700;letter-spacing:-.4px;color:#e6f0e9;margin:0;line-height:1.3} #tb-workstation .tw-site-shell .tbh-section-heading h2>.tbh-icon{color:#f5a742;width:25px;height:25px} #tb-workstation .tw-site-shell .tbh-section-heading>a{display:inline-flex;align-items:center;gap:6px;color:#ffbe6b;font-size:12px;white-space:nowrap} #tb-workstation .tw-site-shell .tbh-section-heading>a .tbh-icon{width:16px;height:16px} #tb-workstation .tw-site-shell .tbh-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #tb-workstation .tw-site-shell .tbh-article-card{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#251c14,#181d24);border:1px solid #3d2b1f;border-radius:8px;transition:border-color .18s ease,transform .18s ease} #tb-workstation .tw-site-shell .tbh-article-card:hover{border-color:#f5a742;transform:translateY(-2px)} #tb-workstation .tw-site-shell .tbh-article-image{display:block;aspect-ratio:2.6/1;background:#181d24;overflow:hidden} #tb-workstation .tw-site-shell .tbh-article-image img{display:block;width:100%;height:100%;object-fit:cover} #tb-workstation .tw-site-shell .tbh-article-body{padding:12px 13px;display:flex;flex-direction:column;flex:1} #tb-workstation .tw-site-shell .tbh-badge{display:flex;align-items:center;gap:7px;color:#a5e9b6;font-size:12px;line-height:1.5;margin-bottom:7px} #tb-workstation .tw-site-shell .tbh-badge .tbh-icon{width:18px;height:18px} #tb-workstation .tw-site-shell .tbh-badge-gaming{color:#dbc2f4} #tb-workstation .tw-site-shell .tbh-article-body h3{font-size:17px;line-height:1.3;letter-spacing:-.2px;margin:0 0 8px;font-weight:700} #tb-workstation .tw-site-shell .tbh-article-body p{font-size:13px;line-height:1.55;color:#d8cfc4;margin:0 0 18px} #tb-workstation .tw-site-shell .tbh-article-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:11px;line-height:1.5} #tb-workstation .tw-site-shell .tbh-article-meta time,#tb-workstation .tw-site-shell .tbh-article-meta a{display:flex;align-items:center;gap:6px} #tb-workstation .tw-site-shell .tbh-article-meta time{color:#d3dfd6} #tb-workstation .tw-site-shell .tbh-article-meta a{color:#a0edb2;white-space:nowrap} #tb-workstation .tw-site-shell .tbh-article-meta .tbh-icon{width:15px;height:15px} #tb-workstation .tw-site-shell .tbh-explore{margin-top:20px} #tb-workstation .tw-site-shell .tbh-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} #tb-workstation .tw-site-shell .tbh-category-card{border:1px solid #5a341a;border-radius:7px;background:#181d24;overflow:hidden} #tb-workstation .tw-site-shell .tbh-category-image{display:block;aspect-ratio:2.8/1;overflow:hidden} #tb-workstation .tw-site-shell .tbh-category-image img{width:100%;height:100%;object-fit:cover;display:block} #tb-workstation .tw-site-shell .tbh-category-body{display:flex;align-items:start;gap:8px;padding:11px 10px 13px} #tb-workstation .tw-site-shell .tbh-category-body>.tbh-icon{color:#8fe9a5;width:23px;height:23px;margin-top:1px} #tb-workstation .tw-site-shell .tbh-category-body h3{font-size:14px;line-height:1.35;margin:0 0 5px;font-weight:700} #tb-workstation .tw-site-shell .tbh-category-body p{font-size:12px;line-height:1.5;color:#becdc2;margin:0 0 10px} #tb-workstation .tw-site-shell .tbh-category-link{display:flex;align-items:center;gap:7px;color:#ffbe6b;font-size:12px} #tb-workstation .tw-site-shell .tbh-category-link .tbh-icon{width:15px;height:15px} #tb-workstation .tw-site-shell .tbh-category-card:hover{border-color:#f5a742} #tb-workstation .tw-site-shell .tbh-sidebar{display:grid;gap:12px} #tb-workstation .tw-site-shell .tbh-panel{border:1px solid #3d2b1f;background:linear-gradient(135deg,#181d24,#13161c);border-radius:8px;padding:14px;box-shadow:0 3px 12px rgba(0,0,0,0.3)} #tb-workstation .tw-site-shell .tbh-panel-title{display:flex;align-items:center;gap:8px;font-size:18px;line-height:1.3;margin:0;padding-bottom:9px;border-bottom:1px solid #3d2b1f} #tb-workstation .tw-site-shell .tbh-panel-title>.tbh-icon{color:#f5a742} #tb-workstation .tw-site-shell .tbh-beginner-intro{display:flex;gap:12px;align-items:flex-start} #tb-workstation .tw-site-shell .tbh-beginner-intro>.tbh-icon{width:40px;height:48px;color:#f5a742} #tb-workstation .tw-site-shell .tbh-beginner h2{font-size:18px;margin:0 0 7px;line-height:1.3} #tb-workstation .tw-site-shell .tbh-beginner p{font-size:12px;color:#d8cfc4;line-height:1.6;margin:0 0 12px} #tb-workstation .tw-site-shell .tbh-beginner>.tbh-button{width:100%;font-size:12px} #tb-workstation .tw-site-shell .tbh-featured{counter-reset:featured;margin:0;padding:0;list-style:none} #tb-workstation .tw-site-shell .tbh-featured li{counter-increment:featured;display:flex;align-items:start;gap:9px;border-bottom:1px solid #3d2b1f;padding:11px 0} #tb-workstation .tw-site-shell .tbh-featured li:last-child{border:0;padding-bottom:2px} #tb-workstation .tw-site-shell .tbh-featured li::before{content:counter(featured);display:grid;place-items:center;min-width:23px;height:26px;border:1px solid #f5a742;border-radius:4px;color:#f5a742;background:#251c14;font-size:16px} #tb-workstation .tw-site-shell .tbh-featured li a{font-size:12px;line-height:1.5;color:#dfebe2} #tb-workstation .tw-site-shell .tbh-featured li a:hover{color:#ffbe6b} #tb-workstation .tw-site-shell .tbh-browse-categories{display:grid;grid-template-columns:1fr 1fr;gap:0 12px} #tb-workstation .tw-site-shell .tbh-browse-categories a{display:flex;gap:7px;align-items:center;border-bottom:1px solid #3d2b1f;padding:10px 0;font-size:12px;color:#d4e3d9} #tb-workstation .tw-site-shell .tbh-browse-categories .tbh-icon{width:16px;height:16px;color:#8fe3a2} #tb-workstation .tw-site-shell .tbh-browse-categories small{margin-left:auto;font-size:11px} #tb-workstation .tw-site-shell .tbh-brand-panel{display:flex;align-items:center;gap:10px} #tb-workstation .tw-site-shell .tbh-brand-panel>.tbh-icon{width:42px;height:42px;color:#f5a742} #tb-workstation .tw-site-shell .tbh-brand-panel h2{font-size:15px;margin:0 0 4px;line-height:1.3} #tb-workstation .tw-site-shell .tbh-brand-panel p{font-size:11px;line-height:1.5;color:#b7c7bb;margin:0} #tb-workstation .tw-site-shell .tbh-footer{display:block;border-top:1px solid #3d2b1f;padding:22px 0;background:#0d1117} #tb-workstation .tw-site-shell .tbh-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.6fr;gap:24px;align-items:start} #tb-workstation .tw-site-shell .tbh-footer .tbh-brand{font-size:18px;white-space:normal} #tb-workstation .tw-site-shell .tbh-footer .tbh-brand small{font:11px/1.5 Arial,sans-serif;letter-spacing:0} #tb-workstation .tw-site-shell .tbh-footer nav{display:flex;flex-direction:column;gap:6px} #tb-workstation .tw-site-shell .tbh-footer nav h2{font-size:12px;color:#e6f0e9;margin:0 0 3px;line-height:1.4;letter-spacing:0} #tb-workstation .tw-site-shell .tbh-footer nav a{font-size:11px;color:#b8c9bc;padding:0;border:0;border-radius:0;line-height:1.5} #tb-workstation .tw-site-shell .tbh-footer nav a:hover{color:#a0edb2} #tb-workstation .tw-site-shell .tbh-copyright{text-align:right;align-self:end} #tb-workstation .tw-site-shell .tbh-copyright p{font-size:11px;color:#b8c9bc;line-height:1.6;margin:10px 0 0} #tb-workstation .tw-site-shell .tbh-copyright nav{flex-direction:row;flex-wrap:wrap;justify-content:end;gap:12px} #tb-workstation .tw-site-shell .tbh-empty{grid-column:1/-1;background:#181d24;border:1px solid #5a341a;border-radius:8px;padding:24px} #tb-workstation .tw-site-shell .tbh-empty a{color:#ffbe6b} #tb-workstation .tw-site-shell .tbh-pagination{margin-top:22px;gap:12px} #tb-workstation .tw-site-shell .tbh-pagination a,#tb-workstation .tw-site-shell .tbh-pagination span{padding:9px 12px;border:1px solid #5a341a;border-radius:5px;color:#e6f0e9} @media(min-width:1600px){#tb-workstation .tw-site-shell .tbh-hero{background-size:1600px auto;background-repeat:no-repeat;background-color:#07130c}} @media(max-width:1250px){#tb-workstation .tw-site-shell .tbh-header-inner{flex-wrap:wrap;gap:12px 20px}#tb-workstation .tw-site-shell .tbh-navigation{order:3;justify-content:center;width:100%;margin:0}#tb-workstation .tw-site-shell .tbh-search{margin-left:auto;width:310px}#tb-workstation .tw-site-shell .tbh-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}#tb-workstation .tw-site-shell .tbh-articles{grid-template-columns:repeat(2,minmax(0,1fr))}#tb-workstation .tw-site-shell .tbh-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:950px){#tb-workstation .tw-site-shell .tbh-layout{grid-template-columns:1fr}#tb-workstation .tw-site-shell .tbh-articles{grid-template-columns:repeat(3,minmax(0,1fr))}#tb-workstation .tw-site-shell .tbh-sidebar{grid-template-columns:1fr 1fr}#tb-workstation .tw-site-shell .tbh-footer-grid{grid-template-columns:2fr 1fr 1fr}#tb-workstation .tw-site-shell .tbh-copyright{text-align:left}#tb-workstation .tw-site-shell .tbh-copyright nav{justify-content:start}} @media(max-width:700px){#tb-workstation .tw-site-shell .tbh-container{width:calc(100% - 36px)}#tb-workstation .tw-site-shell .tbh-header-inner{gap:12px}#tb-workstation .tw-site-shell .tbh-brand{font-size:21px}#tb-workstation .tw-site-shell .tbh-brand>.tbh-icon{width:38px;height:38px}#tb-workstation .tw-site-shell .tbh-brand small{font-size:9px}#tb-workstation .tw-site-shell .tbh-menu-toggle{display:flex;align-items:center;gap:5px;margin-left:auto;border:1px solid #5a341a;background:#181d24;color:#e6f0e9;border-radius:6px;padding:10px;font-size:12px;min-height:44px}#tb-workstation .tw-site-shell .tbh-menu-ready .tbh-navigation{display:none;order:2;justify-content:start;flex-wrap:wrap}#tb-workstation .tw-site-shell .tbh-menu-ready .tbh-navigation.is-open{display:flex}#tb-workstation .tw-site-shell .tbh-navigation a{min-height:44px}#tb-workstation .tw-site-shell .tbh-search{width:100%;order:3;margin:0;min-height:44px}#tb-workstation .tw-site-shell .tbh-hero{background-size:auto,auto,100% auto;background-position:center,center,center top;background-repeat:no-repeat;background-color:#111418;align-items:end;padding-top:calc(100vw / 3)}#tb-workstation .tw-site-shell .tbh-hero-copy{padding:18px 0 26px;max-width:none;background:linear-gradient(0deg,#111418 65%,transparent)}#tb-workstation .tw-site-shell .tbh-hero h1{font-size:35px}#tb-workstation .tw-site-shell .tbh-hero p{font-size:14px}#tb-workstation .tw-site-shell .tbh-hero p br{display:none}#tb-workstation .tw-site-shell .tbh-articles{grid-template-columns:repeat(2,minmax(0,1fr))}#tb-workstation .tw-site-shell .tbh-article-image{aspect-ratio:1.8/1}#tb-workstation .tw-site-shell .tbh-section-heading h2{font-size:19px}#tb-workstation .tw-site-shell .tbh-article-meta{flex-wrap:wrap}#tb-workstation .tw-site-shell .tbh-topic-nav a{min-height:44px}#tb-workstation .tw-site-shell .tbh-section-heading>a{font-size:11px}#tb-workstation .tw-site-shell .tbh-category-image{aspect-ratio:2.3/1}} @media(max-width:480px){#tb-workstation .tw-site-shell .tbh-articles,#tb-workstation .tw-site-shell .tbh-sidebar{grid-template-columns:1fr}#tb-workstation .tw-site-shell .tbh-article-image{aspect-ratio:2.5/1}#tb-workstation .tw-site-shell .tbh-article-body{padding:16px}#tb-workstation .tw-site-shell .tbh-article-body h3{font-size:18px}#tb-workstation .tw-site-shell .tbh-article-body p{font-size:14px}#tb-workstation .tw-site-shell .tbh-article-meta{font-size:12px}#tb-workstation .tw-site-shell .tbh-category-grid{gap:10px}#tb-workstation .tw-site-shell .tbh-category-body{display:block}#tb-workstation .tw-site-shell .tbh-category-body>.tbh-icon{margin-bottom:6px}#tb-workstation .tw-site-shell .tbh-footer-grid{grid-template-columns:1fr 1fr;gap:22px}#tb-workstation .tw-site-shell .tbh-footer-grid>div:first-child,#tb-workstation .tw-site-shell .tbh-copyright{grid-column:1/-1}#tb-workstation .tw-site-shell .tbh-section-heading{align-items:start}#tb-workstation .tw-site-shell .tbh-section-heading h2{font-size:18px}#tb-workstation .tw-site-shell .tbh-section-heading>a{white-space:normal;text-align:right}#tb-workstation .tw-site-shell .tbh-actions .tbh-button{flex:1;white-space:nowrap;padding-inline:12px;font-size:12px}} @media(prefers-reduced-motion:reduce){#tb-workstation .tw-site-shell .tbh-article-card,#tb-workstation .tw-site-shell .tbh-button{transition:none}} @media(max-width:700px){#tb-workstation .tw-site-shell .tbh-header-inner:not(.tbh-menu-ready) .tbh-menu-toggle{display:none}#tb-workstation .tw-site-shell .tbh-header-inner:not(.tbh-menu-ready) .tbh-navigation{display:flex;flex-wrap:wrap;order:2;width:100%}} /* Shared reading layout and instructional components. */ #tb-workstation .tw-site-shell .tba-main{padding-block:24px 40px;min-height:50vh} #tb-workstation .tw-site-shell .tba-breadcrumbs{max-width:780px;margin:0 auto 24px;color:#aabdaf} #tb-workstation .tw-site-shell .tba-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0;padding:0;font-size:13px;line-height:1.6} #tb-workstation .tw-site-shell .tba-breadcrumbs li{display:flex;align-items:center;gap:10px} #tb-workstation .tw-site-shell .tba-breadcrumbs li+li::before{content:'โ€บ';color:#658a71} #tb-workstation .tw-site-shell .tba-breadcrumbs a{display:inline-flex;align-items:center;gap:6px} #tb-workstation .tw-site-shell .tba-breadcrumbs .tbh-icon{width:15px;height:15px} #tb-workstation .tw-site-shell .tba-breadcrumbs a:hover{color:#ffbe6b} #tb-workstation .tw-site-shell .tba-article{max-width:780px;margin-inline:auto;font-size:17px;line-height:1.8;color:#dce8df;min-width:0;overflow-wrap:anywhere} #tb-workstation .tw-site-shell .tba-article-header{border-bottom:1px solid #2a3442;padding-bottom:22px;margin-bottom:24px} #tb-workstation .tw-site-shell .tba-article h1{font-size:clamp(29px,3.3vw,40px);line-height:1.2;letter-spacing:-.8px;margin:12px 0 20px;color:#e6f0e9} #tb-workstation .tw-site-shell .tba-categories{display:flex;flex-wrap:wrap;gap:8px} #tb-workstation .tw-site-shell .tba-categories .tbh-badge{font-size:12px;display:inline-flex;background:#251c14;border:1px solid #2a3442;border-radius:6px;padding:5px 9px;margin:0} #tb-workstation .tw-site-shell .tba-dates{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12px;color:#aabdaf} #tb-workstation .tw-site-shell .tba-dates>span{display:inline-flex;align-items:center;gap:6px} #tb-workstation .tw-site-shell .tba-dates .tbh-icon{width:16px;height:16px} #tb-workstation .tw-site-shell .tba-content{min-width:0} #tb-workstation .tw-site-shell .tba-content p{font-size:17px;line-height:1.8;margin:0 0 20px;color:#dce8df} #tb-workstation .tw-site-shell .tba-content a{color:#ffbe6b;text-decoration:underline;text-underline-offset:3px} #tb-workstation .tw-site-shell .tba-content a:hover{color:#c5f5d1} #tb-workstation .tw-site-shell .tba-content h2{font-size:26px;line-height:1.35;color:#e6f0e9;letter-spacing:-.4px;margin:34px 0 18px;scroll-margin-top:30px} #tb-workstation .tw-site-shell .tba-content h3{font-size:21px;line-height:1.45;margin:25px 0 13px;color:#e6f0e9;letter-spacing:-.2px;scroll-margin-top:30px} #tb-workstation .tw-site-shell .tba-content h4{font-size:18px;line-height:1.5;color:#e6f0e9;margin:22px 0 12px} #tb-workstation .tw-site-shell .tba-content ul,#tb-workstation .tw-site-shell .tba-content ol{padding-left:25px;margin:16px 0 24px;line-height:1.8} #tb-workstation .tw-site-shell .tba-content li{margin:12px 0;padding-left:5px} #tb-workstation .tw-site-shell .tba-content li::marker{color:#f5a742;font-weight:700} #tb-workstation .tw-site-shell .tba-content li p{margin:8px 0} #tb-workstation .tw-site-shell .tw-guide-section{background:#181d24;border:1px solid #2a3442;border-radius:10px;padding:26px 28px;margin:24px 0;min-width:0} #tb-workstation .tw-site-shell .tw-guide-section>h2:first-child{margin-top:0} #tb-workstation .tw-site-shell .tba-content .guide-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0 30px;padding:23px;background:#181d24;border:1px solid #2a3442;border-radius:10px} #tb-workstation .tw-site-shell .tba-content .guide-toc>strong{grid-column:1/-1;color:#e6f0e9;font-size:18px;margin-bottom:5px} #tb-workstation .tw-site-shell .tba-content .guide-toc a{display:flex;align-items:center;min-height:44px;background:#251c14;border:1px solid #2a3442;border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.5;color:#dbf0e1;text-decoration:none} #tb-workstation .tw-site-shell .tba-content .guide-toc a:hover{border-color:#f5a742;background:#322317;color:#ffbe6b} #tb-workstation .tw-site-shell .tba-content .guide-toc a.tba-toc-subheading{padding-left:22px} #tb-workstation .tw-site-shell .tba-content .tba-code-shell{margin:20px 0;background:#0d1117;border:1px solid #3d2b1f;border-radius:8px;overflow:hidden;min-width:0} #tb-workstation .tw-site-shell .tba-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #2a3442;background:linear-gradient(180deg, #1f252f 0%, #171c24 100%)} #tb-workstation .tw-site-shell .tba-code-toolbar>span{font:12px/1.4 monospace;letter-spacing:.3px;color:#f5a742} #tb-workstation .tw-site-shell .tba-content pre{display:block;max-width:100%;overflow-x:auto;white-space:pre;overflow-wrap:normal;word-break:normal;padding:18px;margin:20px 0;background:#0d1117;border:1px solid #3d2b1f;border-radius:8px;color:#e6f0e9;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4} #tb-workstation .tw-site-shell .tba-code-shell pre{border:0;border-radius:0;margin:0} #tb-workstation .tw-site-shell .tba-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em} #tb-workstation .tw-site-shell .tba-content :not(pre)>code{background:#251c14;border:1px solid #3d2b1f;border-radius:4px;padding:2px 5px;color:#e3f2e7;box-decoration-break:clone} #tb-workstation .tw-site-shell .tba-content pre code{font-size:inherit;background:none;border:0;padding:0;white-space:inherit;color:inherit} #tb-workstation .tw-site-shell .tw-copy,#tb-workstation .tw-site-shell .tw-section-copy{font-family:inherit;font-size:13px;line-height:1.4;background:#251c14;color:#dff4e5;border:1px solid #3d2b1f;border-radius:6px;padding:9px 12px;min-height:40px;cursor:pointer;font-weight:600} #tb-workstation .tw-site-shell .tw-section-copy{display:block;margin:0 0 22px;min-height:44px} #tb-workstation .tw-site-shell .tw-copy:hover,#tb-workstation .tw-site-shell .tw-section-copy:hover{background:#322317;border-color:#f5a742;color:#ffbe6b} #tb-workstation .tw-site-shell .tba-content figure{margin:24px 0;max-width:100%} #tb-workstation .tw-site-shell .tba-content img{display:block;max-width:100%;height:auto;border:1px solid #2a3442;border-radius:8px;margin:22px auto} #tb-workstation .tw-site-shell .tba-content figure img{margin:0 auto} #tb-workstation .tw-site-shell .tba-content figcaption,#tb-workstation .tw-site-shell .tba-content .wp-caption-text{font-size:13px;color:#aabdaf;line-height:1.65;margin:10px 0 0;text-align:center} #tb-workstation .tw-site-shell .tba-content iframe,#tb-workstation .tw-site-shell .tba-content video{max-width:100%} #tb-workstation .tw-site-shell .tba-content .note,#tb-workstation .tw-site-shell .tba-content .tip,#tb-workstation .tw-site-shell .tba-content .callout,#tb-workstation .tw-site-shell .tba-content blockquote{background:#251c14;border-left:3px solid #f5a742;border-radius:0 7px 7px 0;margin:24px 0;padding:16px 20px} #tb-workstation .tw-site-shell .tba-content .warning,#tb-workstation .tw-site-shell .tba-content .caution{background:#302d1e;border-left:3px solid #d5bd78;border-radius:0 7px 7px 0;margin:24px 0;padding:16px 20px} #tb-workstation .tw-site-shell .tba-content .note p:last-child,#tb-workstation .tw-site-shell .tba-content .tip p:last-child,#tb-workstation .tw-site-shell .tba-content .warning p:last-child,#tb-workstation .tw-site-shell .tba-content blockquote p:last-child{margin-bottom:0} #tb-workstation .tw-site-shell .tba-content details{margin:22px 0;padding:18px 20px;border:1px solid #2a3442;border-radius:8px;background:#251c14} #tb-workstation .tw-site-shell .tba-content summary{cursor:pointer;color:#dbf0e1;font-weight:600} #tb-workstation .tw-site-shell .tba-content .table-wrap{overflow-x:auto;max-width:100%;margin:24px 0} #tb-workstation .tw-site-shell .tba-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px;margin:22px 0} #tb-workstation .tw-site-shell .tba-content td,#tb-workstation .tw-site-shell .tba-content th{padding:12px;text-align:left;border:1px solid #2a3442;vertical-align:top} #tb-workstation .tw-site-shell .tba-content th{background:#251c14;color:#e6f0e9} #tb-workstation .tw-site-shell .tba-content .guide-end{font-size:13px;color:#aabdaf;border-top:1px solid #2a3442;padding-top:16px;margin-top:24px} #tb-workstation .tw-site-shell .tba-related{max-width:1100px;margin:40px auto 25px} #tb-workstation .tw-site-shell .tba-post-navigation{display:flex;justify-content:space-between;gap:24px;max-width:780px;margin:28px auto;padding-top:20px;border-top:1px solid #2a3442} #tb-workstation .tw-site-shell .tba-post-navigation a{max-width:48%;font-size:14px;color:#ffbe6b;line-height:1.6} #tb-workstation .tw-site-shell .tba-archive{padding-block:24px 44px;min-height:50vh} #tb-workstation .tw-site-shell .tba-archive .tba-breadcrumbs{max-width:none} #tb-workstation .tw-site-shell .tba-archive-header{margin-bottom:26px;max-width:780px} #tb-workstation .tw-site-shell .tba-archive-header h1{font-size:clamp(30px,3.3vw,40px);line-height:1.2;letter-spacing:-.8px;color:#e6f0e9;margin:14px 0} #tb-workstation .tw-site-shell .tba-archive-description p,#tb-workstation .tw-site-shell .tbh-empty p{font-size:17px;line-height:1.8;color:#d8cfc4} #tb-workstation .tw-site-shell .tba-pagination,#tb-workstation .tw-site-shell .pagination{margin:25px 0;line-height:2} #tb-workstation .tw-site-shell .page-numbers{display:inline-block;margin:3px;padding:7px 13px;border:1px solid #2a3442;border-radius:6px;color:#d8cfc4} #tb-workstation .tw-site-shell .page-numbers.current{background:#f5a742;color:#0a2412} #tb-workstation .tw-site-shell .tba-comments{max-width:780px;margin:30px auto;color:#dce8df;line-height:1.7} #tb-workstation .tw-site-shell .tba-comments .tba-comments-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #3d2b1f;font-size:22px;line-height:1.35;color:#e6f0e9} #tb-workstation .tw-site-shell .tba-comments .tba-comments-title::before{content:'';width:22px;height:22px;flex-shrink:0;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5a742' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 7 7-7 7m10 2h8'/%3E%3C/svg%3E")} #tb-workstation .tw-site-shell .tba-comments .tba-comments-title small{margin-left:auto;font-size:14px;font-weight:400} #tb-workstation .tw-site-shell .tba-comments a{color:#f5a742} #tb-workstation .tw-site-shell .tba-comments .tba-comment-list,#tb-workstation .tw-site-shell .tba-comments .tba-comment-list .children{list-style:none;margin:0;padding:0} #tb-workstation .tw-site-shell .tba-comments .tba-comment-list .children{margin-left:22px;padding-left:16px;border-left:2px solid #2a4433} #tb-workstation .tw-site-shell .tba-comments .tba-comment-list .comment-body{margin:0 0 14px;padding:16px 18px;background:#181d24;border:1px solid #2a3442;border-radius:10px} #tb-workstation .tw-site-shell .tba-comments .comment-author{display:flex;align-items:center;gap:10px;font-weight:700;color:#e6f0e9} #tb-workstation .tw-site-shell .tba-comments .comment-author .avatar{border-radius:50%} #tb-workstation .tw-site-shell .tba-comments .comment-author .says{display:none} #tb-workstation .tw-site-shell .tba-comments .comment-metadata,#tb-workstation .tw-site-shell .tba-comments .comment-meta{font-size:13px;color:#9cac9f} #tb-workstation .tw-site-shell .tba-comments .comment-metadata a,#tb-workstation .tw-site-shell .tba-comments .comment-meta a{color:#9cac9f;text-decoration:none} #tb-workstation .tw-site-shell .tba-comments .comment-content p,#tb-workstation .tw-site-shell .tba-comments .comment-body>p{margin:8px 0} #tb-workstation .tw-site-shell .tba-comments .reply a{font-size:13px;font-weight:700} #tb-workstation .tw-site-shell .tba-comments .tba-comments-closed{color:#9cac9f} #tb-workstation .tw-site-shell .tba-comments .tba-respond{margin-top:26px} #tb-workstation .tw-site-shell .tba-comments .comment-form input[type=text],#tb-workstation .tw-site-shell .tba-comments .comment-form input[type=email],#tb-workstation .tw-site-shell .tba-comments .comment-form input[type=url],#tb-workstation .tw-site-shell .tba-comments .comment-form textarea{box-sizing:border-box;width:100%;max-width:100%;background:#181d24;color:#e6f0e9;border:1px solid #3d2b1f;padding:12px;border-radius:6px;font-family:inherit;font-size:16px;line-height:1.5} #tb-workstation .tw-site-shell .tba-comments .comment-form label{display:block;margin-bottom:4px;font-size:14px;color:#d8cfc4} #tb-workstation .tw-site-shell .tba-comments input[type=submit]{background:#f5a742;color:#18130e;border:1px solid #3d2b1f;border-radius:6px;padding:9px 18px;font-weight:700;cursor:pointer} #tb-workstation .tw-site-shell .tba-comments .jetpack-comments .jetpack-comments__box{border:1px solid #2a3442;border-radius:10px;background:#181d24;overflow:hidden;transition:border-color .15s,box-shadow .15s} #tb-workstation .tw-site-shell .tba-comments .jetpack-comments .jetpack-comments__box:focus-within{border-color:#f5a742;box-shadow:0 0 0 3px rgba(245,167,66,.18)} #tb-workstation .tw-site-shell .tba-comments .jetpack-comments .jetpack-comments__box .jetpack-comments__textarea{color:#e6f0e9;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5} #tb-workstation .tw-site-shell .tba-comments .jetpack-comments .jetpack-comments__submit input:disabled{background:#251c14 !important;color:#9cac9f !important;border-color:#2a3442 !important} .jetpack-comments__dialog{background:#181d24 !important;color:#e6f0e9;border:1px solid #2a3442 !important} .jetpack-comments__dialog input{background:#111418;color:#e6f0e9;border:1px solid #3d2b1f;border-radius:6px} .tba-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:700px){#tb-workstation .tw-site-shell .tba-main,#tb-workstation .tw-site-shell .tba-archive{padding-block:22px 30px}#tb-workstation .tw-site-shell .tba-content p,#tb-workstation .tw-site-shell .tba-article{font-size:16px}#tb-workstation .tw-site-shell .tw-guide-section{padding:21px 18px}#tb-workstation .tw-site-shell .tba-content h2{font-size:23px}#tb-workstation .tw-site-shell .tba-content h3{font-size:20px}#tb-workstation .tw-site-shell .tba-content .guide-toc{grid-template-columns:1fr;padding:18px}#tb-workstation .tw-site-shell .tba-content pre{font-size:13px;padding:15px}#tb-workstation .tw-site-shell .tba-related{margin-top:30px}} #tb-workstation .tw-site-shell .tba-code-toolbar{flex-wrap:wrap}#tb-workstation .tw-site-shell .tba-copy-fallback{display:block;flex-basis:100%;width:100%;min-height:140px;margin:12px 0;padding:12px;background:#0d1117;color:#e6f0e9;border:1px solid #3d2b1f;border-radius:6px;font:14px/1.7 ui-monospace,Consolas,monospace} /* Article reference: bordered reading panel, compact jumps and discovery sidebar. */ #tb-workstation .tw-site-shell .tba-reference{width:min(1284px,calc(100% - 48px));padding-top:14px} #tb-workstation .tw-site-shell .tba-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start} #tb-workstation .tw-site-shell .tba-reading-panel{min-width:0;padding:18px 24px 25px;border:1px solid #3d2b1f;border-radius:11px;background:linear-gradient(145deg,#181d24 0%,#12161c 100%)} #tb-workstation .tw-site-shell .tba-reading-panel .tba-breadcrumbs{max-width:none;margin-bottom:10px;color:#f5a742} #tb-workstation .tw-site-shell .tba-reading-panel .tba-article{max-width:none;font-size:16px;line-height:1.65} #tb-workstation .tw-site-shell .tba-reading-panel .tba-article-header{display:flex;flex-direction:column;border-color:#3d2b1f;padding-bottom:13px;margin-bottom:12px} #tb-workstation .tw-site-shell .tba-reading-panel .tba-article h1{order:-1;font-size:clamp(29px,2.5vw,36px);line-height:1.18;margin:0 0 15px;letter-spacing:-.6px} #tb-workstation .tw-site-shell .tba-reading-panel .tba-categories{margin-bottom:10px} #tb-workstation .tw-site-shell .tba-reading-panel .tba-categories .tbh-badge{background:none;border:0;padding:0 12px 0 0;border-radius:0;color:#f5a742} #tb-workstation .tw-site-shell .tba-reading-panel .tba-dates{font-size:12px;color:#a3998e} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content p{font-size:16px;line-height:1.65;margin-bottom:15px;color:#e0e9e3} #tb-workstation .tw-site-shell .tba-reading-panel .tw-guide-section{background:none;border:0;border-top:1px solid #3d2b1f;border-radius:0;padding:19px 0 0;margin:19px 0} #tb-workstation .tw-site-shell .tba-reading-panel .tw-guide-section>h2{display:flex;align-items:baseline;gap:12px;font-size:27px;line-height:1.35;margin:0 0 12px;border-bottom:1px solid #3d2b1f;padding-bottom:8px} #tb-workstation .tw-site-shell .tba-reading-panel .tw-guide-section>h2::before{content:'';display:block;width:25px;height:25px;align-self:center;flex-shrink:0;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5a742' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 7 7-7 7m10 2h8'/%3E%3C/svg%3E")} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content .guide-toc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:none;margin:12px 0 18px} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content .guide-toc>strong{font-size:14px;margin:0 5px 0 0} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content .guide-toc a{min-height:34px;padding:6px 12px;font-size:12px;line-height:1.4;background:#181d24;border-color:#3d2b1f;color:#ffbe6b;border-radius:5px;max-width:100%} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content pre{color:#ffeed4;background:#0b0e14;font-size:15px;line-height:1.65;padding:14px 20px} #tb-workstation .tw-site-shell .tba-reading-panel .tba-code-shell{border-color:#3d2b1f;background:#0b0e14;margin:16px 0;border-radius:7px} #tb-workstation .tw-site-shell .tba-reading-panel .tba-code-toolbar{padding:6px 10px;background:#141820;border-bottom:0} #tb-workstation .tw-site-shell .tba-reading-panel .tw-copy{min-height:30px;padding:5px 12px;background:#221912;border-color:#4a3222;color:#ffbe6b;font-size:12px} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content :not(pre)>code{background:transparent;border:0;padding:0;color:#ffbe6b;font-weight:600} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content .note,#tb-workstation .tw-site-shell .tba-reading-panel .tba-content .tip,#tb-workstation .tw-site-shell .tba-reading-panel .tba-content blockquote{border:1px solid #4a3222;border-left:3px solid #f5a742;border-radius:8px;background:#1a1510;padding:15px 19px} #tb-workstation .tw-site-shell .tba-sidebar{display:grid;gap:13px;min-width:0} #tb-workstation .tw-site-shell .tba-sidebar .tbh-panel{background:linear-gradient(135deg,#181d24,#13161c);border-color:#3d2b1f;padding:14px} #tb-workstation .tw-site-shell .tba-sidebar .tbh-panel-title{font-size:17px;border-color:#3d2b1f} #tb-workstation .tw-site-shell .tba-sidebar .tbh-search{width:100%;margin-top:12px;max-width:none} #tb-workstation .tw-site-shell .tba-sidebar-categories a{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #3d2b1f;font-size:14px} #tb-workstation .tw-site-shell .tba-sidebar-categories a:last-child{border:0} #tb-workstation .tw-site-shell .tba-sidebar-categories .tbh-icon{color:#f5a742;width:19px;height:19px} #tb-workstation .tw-site-shell .tba-sidebar-categories small{margin-left:auto;color:#a3998e;font-size:12px} #tb-workstation .tw-site-shell .tba-sidebar p{font-size:13px;line-height:1.65;color:#d8cfc4;margin:12px 0} #tb-workstation .tw-site-shell .tba-sidebar-actions{display:flex;flex-wrap:wrap;gap:8px} #tb-workstation .tw-site-shell .tba-sidebar-actions a{flex:1;text-align:center;padding:9px 12px;border:1px solid #4a3222;border-radius:6px;font-size:12.5px;font-weight:600;background:linear-gradient(180deg,#241c15,#18130e);color:#f0e6da;transition:all 0.15s ease} #tb-workstation .tw-site-shell .tba-sidebar-actions a:hover{border-color:#f5a742;color:#ffbe6b;background:#2e2017;box-shadow:0 0 8px rgba(245,167,66,0.25)} #tb-workstation .tw-site-shell .tba-sidebar-brand>.tbh-icon{color:#f5a742;width:40px;height:40px} #tb-workstation .tw-site-shell .tba-sidebar-brand h2{font-size:21px;margin:7px 0 0} #tb-workstation .tw-site-shell .tba-sidebar-brand img{display:block;border-radius:6px;width:100%;height:auto;margin-top:15px} @media(max-width:1050px){#tb-workstation .tw-site-shell .tba-reading-grid{grid-template-columns:minmax(0,1fr) 285px}#tb-workstation .tw-site-shell .tba-reading-panel{padding:18px}#tb-workstation .tw-site-shell .tba-reading-panel .tw-guide-section>h2{font-size:24px}} @media(max-width:850px){#tb-workstation .tw-site-shell .tba-reading-grid{grid-template-columns:1fr}#tb-workstation .tw-site-shell .tba-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:580px){#tb-workstation .tw-site-shell .tba-reference{width:calc(100% - 28px)}#tb-workstation .tw-site-shell .tba-reading-panel{padding:16px}#tb-workstation .tw-site-shell .tba-reading-panel .tw-guide-section>h2{font-size:23px;gap:8px}#tb-workstation .tw-site-shell .tba-reading-panel .tw-guide-section>h2::before{font-size:20px}#tb-workstation .tw-site-shell .tba-reading-panel .tba-content .guide-toc a{min-height:44px}#tb-workstation .tw-site-shell .tba-sidebar{grid-template-columns:1fr}#tb-workstation .tw-site-shell .tba-reading-panel .tw-copy{min-height:40px}#tb-workstation .tw-site-shell .tba-reading-panel .tba-content pre{font-size:14px;padding:14px}} #tb-workstation .tw-site-shell .tbh-article-header-inner{width:min(1284px,calc(100% - 48px))} @media(max-width:580px){#tb-workstation .tw-site-shell .tbh-article-header-inner{width:calc(100% - 28px)}} /* Tux Tavern history slideshow */ #tb-workstation .tw-site-shell .history-viewer{min-width:0} #tb-workstation .tw-site-shell details.history-timeline{display:block;border:1px solid var(--tw-line);border-radius:6px;padding:0;background:var(--tw-panel);margin:18px 0 22px} #tb-workstation .tw-site-shell .history-timeline summary{min-height:44px;padding:12px 14px;cursor:pointer;font-size:14px;color:var(--tw-accent)} #tb-workstation .tw-site-shell .history-jumps{display:flex;flex-wrap:wrap;gap:7px;padding:0 12px 12px} #tb-workstation .tw-site-shell .history-timeline a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid var(--tw-line);border-radius:5px;background:var(--tw-panel);font-size:13px;line-height:1.3;color:var(--tw-ink)} #tb-workstation .tw-site-shell .history-timeline a:hover,#tb-workstation .tw-site-shell .history-timeline a[aria-current]{background:#254b31;color:#abefba;border-color:#f5a742} #tb-workstation .tw-site-shell .history-viewer .tw-guide-section{padding:0;overflow:hidden} #tb-workstation .tw-site-shell .history-viewer .history-slide-heading{padding:17px 20px;margin:0;border:0;font-size:24px;line-height:1.3;background:#193824;color:#e6f0e9} #tb-workstation .tw-site-shell .history-slide-heading span{display:block;font-size:12px;font-weight:normal;letter-spacing:.6px;color:#a3e9b3;margin-bottom:6px} #tb-workstation .tw-site-shell .history-viewer figure{margin:0} #tb-workstation .tw-site-shell .history-viewer figure a{display:block} #tb-workstation .tw-site-shell .history-viewer figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#111418;border:0;border-radius:0;margin:0} #tb-workstation .tw-site-shell .history-viewer figcaption{font-size:16px;line-height:1.65;text-align:left;color:var(--tw-ink);padding:18px 20px;background:#12241a;margin:0} #tb-workstation .tw-site-shell .history-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 4px} #tb-workstation .tw-site-shell .history-controls button{min-height:44px;padding:10px 18px;border:1px solid #f5a742;background:#f5a742;color:#102619;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer} #tb-workstation .tw-site-shell .history-controls button:disabled{opacity:.45;cursor:default} #tb-workstation .tw-site-shell .history-progress{font-size:14px;font-variant-numeric:tabular-nums;color:var(--tw-muted);white-space:nowrap} @media(max-width:600px){#tb-workstation .tw-site-shell .history-viewer .history-slide-heading{font-size:21px;padding:14px}#tb-workstation .tw-site-shell .history-viewer figcaption{font-size:15px;padding:14px}#tb-workstation .tw-site-shell .history-controls button{padding-inline:12px}#tb-workstation .tw-site-shell .history-timeline a{font-size:12px;padding-inline:9px}} /* Phone gallery gestures and controls */ #tb-workstation .tw-site-shell .history-viewer figure a{touch-action:pan-y} @media(max-width:600px){#tb-workstation .tw-site-shell .history-controls{position:sticky;bottom:10px;z-index:5;padding:8px;border:1px solid var(--tw-line);border-radius:8px;background:#102218}#tb-workstation .tw-site-shell .history-controls button{min-height:48px;min-width:100px}#tb-workstation .tw-site-shell .history-progress{font-size:13px}} /* Compact homepage launch notice; independent of advertising containers. */ .tbh-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0;padding:12px 18px;background:#181d24;border:1px solid #3d2b1f;border-radius:8px;color:#E6F0E9} .tbh-launch-label{display:flex;align-items:center;gap:12px}.tbh-launch-label>span{font:700 24px monospace;color:#f5a742}.tbh-launch strong{font-size:16px}.tbh-launch small{display:block;color:#9CAC9F;font-size:11px;line-height:1.6}.tbh-launch-clock{display:flex;gap:18px;text-align:center}.tbh-launch-clock[hidden]{display:none}.tbh-launch-clock b{font:700 22px monospace;font-variant-numeric:tabular-nums;color:#f5a742}.tbh-launch>a{display:flex;align-items:center;gap:8px;color:#f5a742;font-size:13px;text-decoration:none}.tbh-launch>a:hover{text-decoration:underline}.tbh-launch a:focus-visible{outline:2px solid #f5a742;outline-offset:4px}.tbh-launch svg{width:16px;height:16px} @media(max-width:700px){.tbh-launch{flex-wrap:wrap;gap:12px;padding:12px}.tbh-launch-clock{gap:12px;margin-left:auto}.tbh-launch-clock b{font-size:19px}.tbh-launch>a{width:100%;border-top:1px solid #3d2b1f;padding-top:8px}.tbh-launch-label{gap:8px}.tbh-launch-label>span{font-size:20px}.tbh-launch strong{font-size:14px}} @media(max-width:360px){.tbh-launch-clock{margin-left:0;width:100%;justify-content:space-between}} .tbh-launch strong{font-size:20px}.tbh-launch small{font-size:14px}.tbh-launch-clock b{font-size:28px}.tbh-launch>a{font-size:16px} @media(max-width:700px){.tbh-launch strong{font-size:18px}.tbh-launch small{font-size:12px}.tbh-launch-clock b{font-size:24px}.tbh-launch-clock{gap:14px}.tbh-launch-label{width:100%}.tbh-launch-clock{margin-left:0}} /* Illustrated launch banner, with live accessible text above the artwork. */ .tbh-launch{min-height:170px;padding:24px 30px;position:relative;isolation:isolate;overflow:hidden;background:#181d24 url("") center 55%/cover no-repeat;border-color:#8c532d;gap:24px} .tbh-launch:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,20,24,.91) 0%,rgba(17,20,24,.83) 25%,rgba(17,20,24,.08) 41%,rgba(17,20,24,.85) 61%,rgba(17,20,24,.92) 100%)} .tbh-launch-label{flex:0 1 36%;gap:18px}.tbh-launch-label>span{font-size:36px}.tbh-launch strong{font-size:30px;line-height:1.15}.tbh-launch strong span{color:#f5a742}.tbh-launch-label small{font-size:15px;margin-top:7px;color:#E6F0E9}.tbh-launch-clock{gap:18px}.tbh-launch-clock b{font-size:34px}.tbh-launch-clock small{text-transform:uppercase;color:#E6F0E9;font-size:11px;letter-spacing:.08em}.tbh-launch>a{border:1px solid #f5a742;border-radius:6px;background:rgba(24,29,36,.85);padding:12px 16px;font-size:14px;font-weight:600;flex-shrink:0}.tbh-launch>a:hover{background:#2a1e17} @media(max-width:1050px){.tbh-launch{padding:20px;gap:16px}.tbh-launch strong{font-size:25px}.tbh-launch-clock b{font-size:28px}.tbh-launch-clock{gap:12px}.tbh-launch-label>span{font-size:28px}} @media(max-width:700px){.tbh-launch{min-height:240px;padding:20px;background-position:35% center;gap:18px}.tbh-launch:before{background:linear-gradient(90deg,rgba(5,16,10,.84),rgba(5,16,10,.5)),linear-gradient(0deg,rgba(17,20,24,.85),transparent)}.tbh-launch-label{width:100%;flex-basis:100%}.tbh-launch strong{font-size:28px}.tbh-launch-label small{font-size:14px}.tbh-launch-clock{width:100%;justify-content:space-between;margin-left:0}.tbh-launch-clock b{font-size:32px}.tbh-launch>a{width:auto;padding:10px 14px;font-size:14px}.tbh-launch-clock small{font-size:11px}} /* Shared article subsection headings: keep the heading text semantic and readable. */ #tb-workstation .tw-site-shell .tba-content .tw-guide-section h3{position:relative;margin:30px 0 16px;padding:12px 16px;border:1px solid #2a3442;border-left:4px solid #f5a742;border-radius:0 8px 8px 0;background:linear-gradient(90deg,#193824,rgba(20,37,28,.35));color:#a7edba;font-size:21px;line-height:1.4;letter-spacing:.01em;overflow-wrap:anywhere} #tb-workstation .tw-site-shell .tba-content .tw-guide-section h3 a{color:inherit} @media(max-width:700px){#tb-workstation .tw-site-shell .tba-content .tw-guide-section h3{font-size:20px;padding:11px 13px;margin-top:25px}} /* AION opinion artwork and typography within the shared article template. */ #tb-workstation .tw-site-shell .tba-article:has(.aion-post) .tba-article-header h1{color:#e2c68f;font-size:clamp(30px,3.3vw,46px);line-height:1.15;text-wrap:balance} #tb-workstation .tw-site-shell .tba-content .aion-post .aion-deck{font-size:19px;line-height:1.65;color:#bacbc3;margin-bottom:22px} #tb-workstation .tw-site-shell .aion-post .aion-hero{margin:0 0 26px} #tb-workstation .tw-site-shell .aion-post .aion-hero img{display:block;width:100%;height:auto;border:1px solid #50726a;border-radius:10px} #tb-workstation .tw-site-shell .aion-post .aion-hero figcaption{font-size:11px;color:#9cac9f;margin-top:8px} #tb-workstation .tw-site-shell .tba-content .aion-post .aion-lede{font-size:21px;line-height:1.6;color:#f1f4ef} #tb-workstation .tw-site-shell .tba-content .aion-post blockquote{margin:24px 0;padding:20px 22px;border:1px solid #716447;border-left:4px solid #dec38e;background:#1d281e;border-radius:0 8px 8px 0} #tb-workstation .tw-site-shell .tba-content .aion-post blockquote p{font-size:21px;line-height:1.5;color:#f0dfbc;margin:0} #tb-workstation .tw-site-shell .tba-content .aion-post .aion-source{border-top:1px solid #2a3442;padding-top:18px;margin-top:24px;font-size:12px;line-height:1.7;color:#a4b7ac} @media(max-width:600px){#tb-workstation .tw-site-shell .tba-content .aion-post .aion-deck{font-size:16px}#tb-workstation .tw-site-shell .tba-content .aion-post .aion-lede{font-size:19px}#tb-workstation .tw-site-shell .tba-content .aion-post blockquote{padding:16px}#tb-workstation .tw-site-shell .tba-content .aion-post blockquote p{font-size:19px}} /* Sticky section navigation, shared by articles with an existing contents list. */ #tb-workstation .tw-site-shell .tba-contents{--tba-contents-top:18px;position:sticky;top:var(--tba-contents-top);align-self:start;min-width:0;z-index:6;border:1px solid var(--tw-line);border-radius:10px;background:#102219;box-shadow:0 8px 28px #0002} #tb-workstation .tw-site-shell .tba-contents summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:15px 17px;color:var(--tw-ink);font-size:16px;font-weight:700;line-height:1.4;cursor:pointer;list-style:none} #tb-workstation .tw-site-shell .tba-contents summary::-webkit-details-marker{display:none} #tb-workstation .tw-site-shell .tba-contents summary::after{content:'';width:8px;height:8px;flex-shrink:0;border-right:2px solid var(--tw-accent);border-bottom:2px solid var(--tw-accent);transform:rotate(45deg);margin:0 3px 4px 0} #tb-workstation .tw-site-shell .tba-contents details[open]>summary::after{transform:rotate(225deg);margin-top:7px} #tb-workstation .tw-site-shell .tba-contents-links{list-style:none;padding:0 10px 12px;margin:0;max-height:calc(100vh - var(--tba-contents-top) - 90px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#427d55 #102219} #tb-workstation .tw-site-shell .tba-contents-links li{margin:2px 0;padding:0} #tb-workstation .tw-site-shell .tba-contents-links a{display:block;padding:10px 11px;border-left:3px solid transparent;border-radius:0 5px 5px 0;color:#c5d8cc;font-size:14px;line-height:1.5;overflow-wrap:anywhere;text-decoration:none;min-height:42px} #tb-workstation .tw-site-shell .tba-contents-links a:hover{color:#e6f0e9;background:#251c14;color:#ffbe6b} #tb-workstation .tw-site-shell .tba-contents-links a[aria-current="location"]{color:#ffbe6b;border-left-color:#f5a742;background:#251c14;font-weight:700} #tb-workstation .tw-site-shell .tba-contents-links .tba-contents-subheading a{padding-left:23px;font-size:13px} #tb-workstation .tw-site-shell .has-contents .tba-content h2,#tb-workstation .tw-site-shell .has-contents .tba-content h3,#tb-workstation .tw-site-shell .has-contents .tba-content section[id]{scroll-margin-top:100px} @media(min-width:1400px){ #tb-workstation .tw-site-shell .tba-reference.has-contents{width:min(1600px,calc(100% - 48px))} #tb-workstation .tw-site-shell .tba-reading-grid.has-contents{grid-template-columns:230px minmax(0,1fr) 280px;gap:20px} } @media(min-width:1100px) and (max-width:1399px){ #tb-workstation .tw-site-shell .tba-reference.has-contents{width:calc(100% - 48px)} #tb-workstation .tw-site-shell .tba-reading-grid.has-contents{grid-template-columns:220px minmax(0,1fr);gap:20px} #tb-workstation .tw-site-shell .tba-reading-grid.has-contents>.tba-sidebar{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:1099px){ #tb-workstation .tw-site-shell .tba-reading-grid.has-contents>.tba-contents{grid-column:1/-1;top:var(--tba-contents-top)} #tb-workstation .tw-site-shell .tba-contents-links{max-height:50vh} #tb-workstation .tw-site-shell .tba-contents-links a{min-height:44px} } @media print{#tb-workstation .tw-site-shell .tba-contents{display:none}#tb-workstation .tw-site-shell .tba-reading-grid.has-contents{display:block}} /* Give the desktop contents panel a little more breathing room. */ @media(min-width:1100px){#tb-workstation .tw-site-shell .tba-contents{margin-top:24px;top:calc(var(--tba-contents-top) + 24px)}#tb-workstation .tw-site-shell .tba-contents-links{max-height:calc(100vh - var(--tba-contents-top) - 114px)}} /* Design refresh (Oct 17, 2026): category accents, easier-to-read guides, terminal code blocks, card motion, and Read Next. */ #tb-workstation .tw-site-shell{--cat:#f5a742} #tb-workstation .tw-site-shell .tbh-cat-linux{--cat:#f5a742} #tb-workstation .tw-site-shell .tbh-cat-gaming{--cat:#c49bf5} #tb-workstation .tw-site-shell .tbh-cat-privacy{--cat:#6cb8f5} #tb-workstation .tw-site-shell .tbh-cat-ai{--cat:#f3b75a} #tb-workstation .tw-site-shell .tbh-cat-software{--cat:#4fd6c4} #tb-workstation .tw-site-shell .tbh-cat-guides{--cat:#b2e36a} #tb-workstation .tw-site-shell .tbh-cat-opinion{--cat:#f28b7d} #tb-workstation .tw-site-shell .tbh-cat-homelab{--cat:#e9a35b} /* Category accents on cards, chips, and category lists. */ #tb-workstation .tw-site-shell .tbh-article-card{border-top:3px solid var(--cat);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease} #tb-workstation .tw-site-shell .tbh-article-card:hover{border-color:var(--cat);transform:translateY(-4px);box-shadow:0 14px 32px -14px color-mix(in srgb,var(--cat) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--cat) 35%,transparent)} #tb-workstation .tw-site-shell .tbh-article-card .tbh-badge,#tb-workstation .tw-site-shell .tbh-article-card .tbh-article-meta a,#tb-workstation .tw-site-shell .tbh-article-card h3 a:hover{color:var(--cat)} #tb-workstation .tw-site-shell .tbh-article-image img,#tb-workstation .tw-site-shell .tbh-category-image img{transition:transform .5s ease} #tb-workstation .tw-site-shell .tbh-article-card:hover .tbh-article-image img,#tb-workstation .tw-site-shell .tbh-category-card:hover .tbh-category-image img{transform:scale(1.05)} #tb-workstation .tw-site-shell .tbh-topic-nav a .tbh-icon,#tb-workstation .tw-site-shell .tbh-browse-categories a .tbh-icon,#tb-workstation .tw-site-shell .tba-sidebar-categories a .tbh-icon{color:var(--cat)} #tb-workstation .tw-site-shell .tbh-topic-nav a{transition:border-color .2s ease,background-color .2s ease} #tb-workstation .tw-site-shell .tbh-topic-nav a:hover{border-color:var(--cat);background:color-mix(in srgb,var(--cat) 12%,#0c1b12)} #tb-workstation .tw-site-shell .tbh-topic-nav a[aria-current=true]{background:var(--cat);border-color:var(--cat);color:#0b1610} #tb-workstation .tw-site-shell .tbh-topic-nav a[aria-current=true] .tbh-icon{color:inherit} #tb-workstation .tw-site-shell .tbh-category-card{border-top:3px solid var(--cat);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease} #tb-workstation .tw-site-shell .tbh-category-card:hover{border-color:var(--cat);transform:translateY(-4px);box-shadow:0 14px 32px -14px color-mix(in srgb,var(--cat) 70%,transparent)} #tb-workstation .tw-site-shell .tbh-category-body>.tbh-icon,#tb-workstation .tw-site-shell .tbh-category-link{color:var(--cat)} #tb-workstation .tw-site-shell .tba-reading-panel .tba-categories .tbh-badge{color:var(--cat)} #tb-workstation .tw-site-shell .tba-reading-panel .tba-article-header{border-bottom:2px solid color-mix(in srgb,var(--cat) 55%,#326247)} /* Easier-to-read guides: larger body text, more line spacing, narrower text column. */ #tb-workstation .tw-site-shell .tba-reading-panel>.tba-breadcrumbs,#tb-workstation .tw-site-shell .tba-reading-panel .tba-article{max-width:780px;margin-inline:auto} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content p{font-size:17.5px;line-height:1.8;margin-bottom:18px} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content li{font-size:17px;line-height:1.75} @media(max-width:700px){#tb-workstation .tw-site-shell .tba-reading-panel .tba-content p{font-size:16.5px;line-height:1.75} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content li{font-size:16.5px}} /* Code blocks styled as small terminal windows. */ #tb-workstation .tw-site-shell .tba-reading-panel .tba-code-shell{border-color:#3d2b1f;background:#090c10;box-shadow:0 14px 30px -18px #000;margin:18px 0} #tb-workstation .tw-site-shell .tba-reading-panel .tba-code-toolbar{gap:14px;padding:7px 10px 7px 14px;background:linear-gradient(#173022,#0f2218);border-bottom:1px solid #22412e} #tb-workstation .tw-site-shell .tba-code-dots{flex:none;width:11px;height:11px;margin-right:34px;border-radius:50%;background:#ef6b5f;box-shadow:17px 0 #f2c14e,34px 0 #f5a742} #tb-workstation .tw-site-shell .tba-reading-panel .tba-code-toolbar>span{flex:1;text-align:center;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8fb59c;letter-spacing:.04em} #tb-workstation .tw-site-shell .tba-reading-panel .tba-content pre{background:#090c10} #tb-workstation .tw-site-shell .tba-code-shell.is-terminal .tba-cmd::before{content:'$ ';color:#f5a742;user-select:none;-webkit-user-select:none} @media(max-width:480px){#tb-workstation .tw-site-shell .tba-code-dots{margin-right:30px;box-shadow:15px 0 #f2c14e,30px 0 #f5a742;width:10px;height:10px} #tb-workstation .tw-site-shell .tba-reading-panel .tba-code-toolbar>span{text-align:left}} /* Read Next at the end of each guide. */ #tb-workstation .tw-site-shell .tba-read-next{padding:22px;border:1px solid #2c5a3c;border-radius:12px;background:linear-gradient(135deg,#0c1d14,#0a1610)} #tb-workstation .tw-site-shell .tba-read-next .tbh-section-heading{flex-wrap:wrap;justify-content:flex-start;gap:6px 14px} #tb-workstation .tw-site-shell .tba-read-next .tbh-section-heading p{margin:0;color:#9cac9f;font-size:14px} @media(max-width:700px){#tb-workstation .tw-site-shell .tba-read-next{padding:16px}} @media(prefers-reduced-motion:reduce){#tb-workstation .tw-site-shell .tbh-article-card,#tb-workstation .tw-site-shell .tbh-category-card,#tb-workstation .tw-site-shell .tbh-article-image img,#tb-workstation .tw-site-shell .tbh-category-image img{transition:none} #tb-workstation .tw-site-shell .tbh-article-card:hover,#tb-workstation .tw-site-shell .tbh-category-card:hover{transform:none} #tb-workstation .tw-site-shell .tbh-article-card:hover .tbh-article-image img,#tb-workstation .tw-site-shell .tbh-category-card:hover .tbh-category-image img{transform:none}} /* Compact homepage archive: daily picks, no carousel. */ #tb-workstation .tw-site-shell .tbh-archive{grid-column:1/-1;min-width:0;margin-top:12px} #tb-workstation .tw-site-shell .tbh-archive .tbh-section-heading{margin-bottom:12px} #tb-workstation .tw-site-shell .tbh-archive .tbh-section-heading p{margin:6px 0 0;color:#a5b4a9;font-size:13px;line-height:1.5} #tb-workstation .tw-site-shell .tbh-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #tb-workstation .tw-site-shell .tbh-archive-card{display:flex;gap:12px;min-width:0;padding:10px;border:1px solid #304d3a;border-radius:8px;background:linear-gradient(135deg,#142d1e,#102219);align-items:center} #tb-workstation .tw-site-shell .tbh-archive-image{display:block;flex:0 0 100px;aspect-ratio:4/3;overflow:hidden;border-radius:5px} #tb-workstation .tw-site-shell .tbh-archive-image img{display:block;width:100%;height:100%;object-fit:cover} #tb-workstation .tw-site-shell .tbh-archive-body{flex:1;min-width:0} #tb-workstation .tw-site-shell .tbh-archive-body .tbh-badge{font-size:11px;margin-bottom:5px;color:var(--cat,#a5e9b6)} #tb-workstation .tw-site-shell .tbh-archive-body h3{margin:0;font-family:inherit;font-size:14px;line-height:1.4;overflow-wrap:anywhere} #tb-workstation .tw-site-shell .tbh-archive-body h3 a{color:#e1eee4;text-decoration:none} #tb-workstation .tw-site-shell .tbh-archive-body h3 a:hover{color:#8de7a6;text-decoration:underline} #tb-workstation .tw-site-shell .tbh-archive-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;margin-top:9px;color:#a5b4a9;font-size:11px;line-height:1.5} #tb-workstation .tw-site-shell .tbh-archive-meta a{display:inline-flex;align-items:center;gap:4px;color:var(--cat,#a5e9b6);text-decoration:none} #tb-workstation .tw-site-shell .tbh-archive-meta .tbh-icon{width:13px;height:13px} @media(max-width:1100px){#tb-workstation .tw-site-shell .tbh-archive-grid{grid-template-columns:1fr}#tb-workstation .tw-site-shell .tbh-archive-image{flex-basis:110px}} @media(max-width:480px){#tb-workstation .tw-site-shell .tbh-archive-card{gap:10px}#tb-workstation .tw-site-shell .tbh-archive-image{flex-basis:84px}#tb-workstation .tw-site-shell .tbh-archive-body h3{font-size:14px}} @media(max-width:950px){#tb-workstation .tw-site-shell .tbh-home .tbh-layout{grid-template-columns:minmax(0,1fr)}#tb-workstation .tw-site-shell .tbh-home .tbh-sidebar{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}#tb-workstation .tw-site-shell .tbh-archive{grid-row:2}} @media(max-width:700px){#tb-workstation .tw-site-shell .tbh-home .tbh-sidebar{grid-template-columns:minmax(0,1fr)}} /* Autumn 2026: warm details around the existing green workstation. */ #tb-workstation .tw-site-shell .tbh-header{border-bottom-color:#a65c2d} #tb-workstation .tw-site-shell .tbh-hero{min-height:max(330px,23.15vw);border-bottom-color:#b96a35;background-image:linear-gradient(90deg,rgba(8,13,8,.84),rgba(8,13,8,.48) 30%,rgba(8,13,8,0) 58%),linear-gradient(0deg,rgba(13,23,19,.35),transparent 16%),var(--tw-hero);background-size:cover;background-position:center,center,center 75%} #tb-workstation .tw-site-shell .tbh-eyebrow{border-color:#725035} #tb-workstation .tw-site-shell .tbh-eyebrow::before{content:'๐Ÿ';margin-right:7px;font-size:12px} #tb-workstation .tw-site-shell .tbh-home .tbh-section-heading{border-bottom-color:#66462f} #tb-workstation .tw-site-shell .tbh-home .tbh-section-heading::after{border-color:#66462f} #tb-workstation .tw-site-shell .tbh-home #tbh-latest::after{content:'๐Ÿ';margin-left:10px;font-size:17px} #tb-workstation .tw-site-shell .tbh-home .tbh-panel-title>.tbh-icon{color:#e9a258} #tb-workstation .tw-site-shell .tbh-site-footer{border-top-color:#66462f} @media(min-width:1600px){#tb-workstation .tw-site-shell .tbh-hero{background-size:cover;background-repeat:no-repeat}} @media(max-width:700px){#tb-workstation .tw-site-shell .tbh-hero{min-height:0;padding-top:calc(100vw / 3);background-size:auto,auto,100% auto;background-position:center,center,center top}#tb-workstation .tw-site-shell .tbh-hero-copy{background:linear-gradient(0deg,#111418 86%,transparent)}} /* Compact desktop banner: whole picture at full height, starting just after the hero text (right-aligned on narrow screens), fading into the dark background. */ @media(min-width:701px){#tb-workstation .tw-site-shell .tbh-hero{--hh:clamp(300px,17vw,380px);--tx:calc((100vw - min(1380px,100vw - 64px))/2 + 590px - var(--hh)*.855);--gl:min(var(--tx),100% - var(--hh)*3);--gr:calc(var(--gl) + var(--hh)*3);min-height:var(--hh);background-color:#0a0d09;background-image:linear-gradient(90deg,rgba(10,13,9,1) 0,rgba(10,13,9,1) var(--gl),rgba(10,13,9,.55) calc(var(--gl) + 160px),rgba(10,13,9,0) calc(var(--gl) + 380px),rgba(10,13,9,0) calc(var(--gr) - 200px),rgba(10,13,9,.6) calc(var(--gr) - 80px),rgba(10,13,9,1) var(--gr),rgba(10,13,9,1) 100%),var(--tw-hero);background-size:100% 100%,auto 100%;background-position:0 0,min(var(--tx),100%) center;background-repeat:no-repeat}} /* News digest posts (tbn-) */ #tb-workstation .tw-site-shell .tba-content .tbn-digest{--tbn-launch:#f5a742;--tbn-patch:#6cb8f5;--tbn-event:#c49bf5;--tbn-industry:#f28b7d;--tbn-deadline:#f3b75a} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-masthead{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 12px;padding:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-kicker{color:#c49bf5;font-weight:700} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-issue::before{content:'ยท';margin-right:12px;color:#5d7464} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-issue{color:#9cac9f} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-lede{font-size:1.12em;line-height:1.7} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-hero{margin:8px 0 22px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-glance{margin:18px 0 8px;padding:2px 0 2px 18px;border-left:3px solid #f5a742} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-glance-title{margin:0 0 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#f5a742;font-weight:700} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-glance ul{margin:0;padding-left:20px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-glance li{margin:6px 0} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item{--tbn-c:#f5a742;margin:0;padding:18px 0;border-bottom:1px solid #2a4433} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item:last-of-type{border-bottom:0} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item.tbn-is-patch{--tbn-c:var(--tbn-patch)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item.tbn-is-event{--tbn-c:var(--tbn-event)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item.tbn-is-industry{--tbn-c:var(--tbn-industry)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item.tbn-is-deadline{--tbn-c:var(--tbn-deadline)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 8px;font-size:12.5px;line-height:1.4} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-tag{padding:2px 8px;border-radius:999px;border:1px solid var(--tbn-c);color:var(--tbn-c);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:11.5px;white-space:nowrap} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-game{color:#e6f0e9;font-weight:700} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-date{color:#9cac9f} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-date::before{content:'ยท';margin-right:8px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item h3{margin:0 0 8px;padding:0;border:0;background:none;box-shadow:none;color:#e6f0e9;font-size:19px;line-height:1.4;letter-spacing:-.1px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item h3::before{content:none} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item.tbn-lead h3{font-size:22px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item p{margin:0 0 10px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item ul{margin:0 0 10px;padding-left:20px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item li{margin:4px 0} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item>:last-child{margin-bottom:0} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-source{font-size:13.5px;color:#9cac9f} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-quick{list-style:none;margin:12px 0;padding:0} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-quick li{--tbn-c:var(--tbn-launch);display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:baseline;margin:0;padding:12px 0;border-bottom:1px solid #2a4433} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-quick li:last-child{border-bottom:0} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-quick .tbn-is-patch{--tbn-c:var(--tbn-patch)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-quick .tbn-is-event{--tbn-c:var(--tbn-event)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-quick .tbn-is-industry{--tbn-c:var(--tbn-industry)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-quick .tbn-is-deadline{--tbn-c:var(--tbn-deadline)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-timeline{list-style:none;margin:14px 0;padding:0 0 0 4px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-timeline li{--tbn-c:var(--tbn-launch);position:relative;display:grid;grid-template-columns:118px 1fr;gap:12px;margin:0;padding:0 0 16px 22px;border-left:2px solid #2a3442} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-timeline li:last-child{padding-bottom:0;border-left-color:transparent} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-timeline li::before{content:'';position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:#111418;border:2px solid var(--tbn-c)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-timeline .tbn-is-patch{--tbn-c:var(--tbn-patch)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-timeline .tbn-is-event{--tbn-c:var(--tbn-event)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-timeline .tbn-is-industry{--tbn-c:var(--tbn-industry)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-timeline .tbn-is-deadline{--tbn-c:var(--tbn-deadline)} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-timeline time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;color:var(--tbn-c);font-size:14px} @media(max-width:600px){ #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item h3{font-size:18px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-item.tbn-lead h3{font-size:20px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-timeline li{grid-template-columns:1fr;gap:2px} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-quick li{grid-template-columns:1fr} #tb-workstation .tw-site-shell .tba-content .tbn-digest .tbn-quick .tbn-tag{justify-self:start} } /* ========================================================================== TUX TAVERN MASTER ARTICLE & BRAND OVERRIDES (ZERO LEGACY GREEN) ========================================================================== */ /* Brand Header */ .tavern-brand-title .tux-text, .tavern-brand .tux-text, .tux-text { color: #ffffff !important; text-shadow: 0 2px 0 #22160d, 0 3px 4px rgba(0,0,0,0.8) !important; } .tavern-brand-title .tavern-text, .tavern-brand .tavern-text { color: #f5a742 !important; text-shadow: 0 2px 0 #5c3208, 0 3px 4px rgba(0,0,0,0.8) !important; } /* Reading Panel & Containers */ .tba-reading-panel, #tb-workstation .tw-site-shell .tba-reading-panel, #tb-workstation .tba-main, .tba-reading-grid .tba-reading-panel { background: #151a21 !important; border: 1px solid #3d2b1f !important; border-radius: 12px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important; padding: 34px 38px 48px !important; } /* Breadcrumbs */ .tba-breadcrumbs, #tb-workstation .tw-site-shell .tba-breadcrumbs { color: #b0a496 !important; } .tba-breadcrumbs a, #tb-workstation .tw-site-shell .tba-breadcrumbs a { color: #b0a496 !important; } .tba-breadcrumbs a:hover, #tb-workstation .tw-site-shell .tba-breadcrumbs a:hover { color: #f5a742 !important; } .tba-breadcrumbs li+li::before, .tba-breadcrumbs span.sep { color: #6d5440 !important; } /* Article Header & Badges */ .tba-article-header, #tb-workstation .tw-site-shell .tba-article-header { border-bottom: 1px solid #3d2b1f !important; } .tbh-badge, .tba-categories .tbh-badge, #tb-workstation .tw-site-shell .tbh-badge { background: #251c14 !important; border: 1px solid #4e3828 !important; color: #ffbe6b !important; border-radius: 6px !important; } .tbh-badge:hover { border-color: #f5a742 !important; background: #362619 !important; color: #fff !important; } .tbh-badge svg, .tbh-badge path { color: #ffbe6b !important; stroke: #ffbe6b !important; } /* Dates */ .tba-dates, #tb-workstation .tw-site-shell .tba-dates, .tba-dates span, .tba-dates time { color: #b0a496 !important; } .tba-dates svg, .tba-dates path, .tba-dates rect { color: #b0a496 !important; stroke: #b0a496 !important; } /* Content Headings & Text */ .tba-content, #tb-workstation .tw-site-shell .tba-content, .tba-article, #tb-workstation .tw-site-shell .tba-article { color: #e4dcce !important; } .tba-content p, #tb-workstation .tw-site-shell .tba-content p { color: #e4dcce !important; } .tba-content h2, #tb-workstation .tw-site-shell .tba-content h2 { color: #ffffff !important; border-bottom: 1px solid #3d2b1f !important; margin-top: 36px !important; padding-bottom: 10px !important; } .tba-content h3, #tb-workstation .tw-site-shell .tba-content h3 { color: #ffbe6b !important; } .tba-content a, #tb-workstation .tw-site-shell .tba-content a { color: #ffbe6b !important; text-decoration: underline !important; text-underline-offset: 3px !important; } .tba-content a:hover, #tb-workstation .tw-site-shell .tba-content a:hover { color: #ffffff !important; } .tba-content li::marker { color: #f5a742 !important; } /* Guide TOC */ .guide-toc, #tb-workstation .tw-site-shell .tba-content .guide-toc { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 24px 0 32px !important; padding: 22px !important; background: #11151c !important; border: 1px solid #3d2b1f !important; border-radius: 10px !important; } .guide-toc>strong, #tb-workstation .tw-site-shell .tba-content .guide-toc>strong { grid-column: 1/-1 !important; color: #f5a742 !important; font-size: 16px !important; margin-bottom: 4px !important; } .guide-toc a, #tb-workstation .tw-site-shell .tba-content .guide-toc a { display: flex !important; align-items: center !important; min-height: 40px !important; background: #1d222b !important; border: 1px solid #3d2b1f !important; border-radius: 6px !important; padding: 10px 14px !important; font-size: 13.5px !important; font-weight: 600 !important; color: #f0e6da !important; text-decoration: none !important; transition: all 0.15s ease !important; } .guide-toc a:hover, #tb-workstation .tw-site-shell .tba-content .guide-toc a:hover { border-color: #f5a742 !important; background: #2c2118 !important; color: #ffbe6b !important; transform: translateY(-1px); } /* Distro Quick Switcher Bar */ .distro-bar { background: #182029; border: 1px solid #3d2b1f; border-radius: 8px; padding: 12px 16px; margin: 24px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; } .distro-bar-title { font-size: 13px; font-weight: 700; color: #f5a742; display: flex; align-items: center; gap: 6px; } .distro-pills { display: flex; gap: 8px; flex-wrap: wrap; } .distro-pill { background: #251c14 !important; border: 1px solid #4e3828 !important; color: #f0e6da !important; padding: 6px 14px !important; border-radius: 6px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.15s ease !important; } .distro-pill:hover { border-color: #f5a742 !important; background: #362619 !important; color: #ffbe6b !important; transform: translateY(-1px); } /* Code Blocks & Toolbars */ .tba-code-block-wrap { background: #090c10; border: 1px solid #33261b; border-radius: 8px; margin: 20px 0 24px; overflow: hidden; box-shadow: 0 4px 14px rgba(0,0,0,0.5); } .tba-code-toolbar { display: flex; align-items: center; justify-content: space-between; background: linear-gradient(180deg, #1f252f 0%, #171c24 100%); border-bottom: 1px solid #2d2218; padding: 8px 14px; } .tba-code-dots { display: flex; gap: 6px; } .dot { width: 10px; height: 10px; border-radius: 50%; } .dot-red { background: #ff5f56; opacity: 0.8; } .dot-amber { background: #ffbd2e; opacity: 0.8; } .dot-green { background: #27c93f; opacity: 0.8; } .tba-code-label { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 11.5px; font-weight: 600; color: #f5a742; letter-spacing: 0.04em; text-transform: uppercase; } .tw-copy { background: #271e16; color: #e8ded2; border: 1px solid #4e3828; border-radius: 4px; padding: 4px 10px; font-size: 11.5px; font-weight: 700; cursor: pointer; transition: all 0.15s ease; } .tw-copy:hover { background: #3a2a1c; border-color: #f5a742; color: #ffbe6b; } .tw-copy.copied { background: #3a2818 !important; border-color: #f5a742 !important; color: #ffbe6b !important; } pre.tba-code, .tba-code-block-wrap pre { margin: 0 !important; padding: 16px 18px !important; background: transparent !important; overflow-x: auto !important; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; font-size: 14px !important; line-height: 1.6 !important; color: #d1dcde !important; border: 0 !important; } /* Figures */ figure, .tba-figure { margin: 28px 0 !important; background: #11151c !important; border: 1px solid #3d2b1f !important; border-radius: 8px !important; overflow: hidden !important; padding: 10px !important; text-align: center !important; } figure img, .tba-figure img { max-width: 100% !important; height: auto !important; border-radius: 6px !important; display: block !important; margin: 0 auto !important; } figcaption, .tba-figure figcaption { font-size: 13px !important; color: #b0a496 !important; font-style: italic !important; padding: 10px 8px 4px !important; } /* Optional Gear Box */ .tw-guide-section, .tavern-optional-gear, #tb-workstation .tw-site-shell .tw-guide-section { background: #181d24 !important; border: 1px solid #3d2b1f !important; border-radius: 10px !important; padding: 24px !important; margin: 32px 0 24px !important; } /* ========================================================================== TUX TAVERN FINAL PURGE: ALL GREEN ELIMINATED, 100% TUX TAVERN STANDARD ========================================================================== */ /* 1. Sidebar Featured Guides Numbers */ #tb-workstation .tw-site-shell .tbh-featured li { border-bottom: 1px solid #3d2b1f !important; } #tb-workstation .tw-site-shell .tbh-featured li::before { border: 1px solid #f5a742 !important; color: #f5a742 !important; background: #251c14 !important; font-weight: 700 !important; } /* 2. Leave a Reply & Comments Section */ #tb-workstation .tw-site-shell .tba-comments .tba-comments-title::before { background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5a742' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 7 7-7 7m10 2h8'/%3E%3C/svg%3E") !important; } #tb-workstation .tw-site-shell .tba-comments .comment-form input[type="text"], #tb-workstation .tw-site-shell .tba-comments .comment-form input[type="email"], #tb-workstation .tw-site-shell .tba-comments .comment-form input[type="url"], #tb-workstation .tw-site-shell .tba-comments .comment-form textarea { background: #181d24 !important; color: #e6edf3 !important; border: 1px solid #3d2b1f !important; border-radius: 6px !important; } #tb-workstation .tw-site-shell .tba-comments .comment-form input:focus, #tb-workstation .tw-site-shell .tba-comments .comment-form textarea:focus { border-color: #f5a742 !important; outline: none !important; box-shadow: 0 0 8px rgba(245, 167, 66, 0.25) !important; } #tb-workstation .tw-site-shell .tba-comments input[type="submit"] { background: #f5a742 !important; color: #18130e !important; border: 1px solid #3d2b1f !important; font-weight: 700 !important; } /* 3. Topic Cluster Hub-and-Spoke Box */ aside.tba-cluster-hub, .tba-cluster-hub { margin: 28px 0 12px !important; padding: 18px 22px !important; border: 1px solid #3d2b1f !important; border-left: 4px solid #f5a742 !important; border-radius: 9px !important; background: linear-gradient(180deg, #1c222c, #151921) !important; box-shadow: 0 4px 14px rgba(0,0,0,0.4) !important; } aside.tba-cluster-hub p, .tba-cluster-hub p { color: #f5a742 !important; font: 12px/1.3 ui-monospace, monospace !important; letter-spacing: .08em !important; text-transform: uppercase !important; margin: 0 0 8px !important; } aside.tba-cluster-hub ul, .tba-cluster-hub ul { margin: 0 !important; padding-left: 18px !important; line-height: 1.75 !important; font-size: 15px !important; } aside.tba-cluster-hub a, .tba-cluster-hub a { color: #ffbe6b !important; text-decoration: none !important; transition: color 0.2s ease !important; } aside.tba-cluster-hub a:hover, .tba-cluster-hub a:hover { color: #ffffff !important; text-decoration: underline !important; } /* 4. Hide legacy WoW countdown everywhere */ .tbh-launch, aside.tbh-launch, [data-launch] { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; } /* Explicit code and pre color overrides (zero green) */ #tb-workstation .tw-site-shell .tba-reading-panel .tba-content :not(pre)>code, #tb-workstation .tw-site-shell .tba-content :not(pre)>code, :not(pre)>code { background: #1c150e !important; border: 1px solid #3d2b1f !important; color: #ffbe6b !important; border-radius: 4px !important; padding: 2px 6px !important; font-size: 0.9em !important; } #tb-workstation .tw-site-shell .tba-reading-panel .tba-content pre, #tb-workstation .tw-site-shell .tba-reading-panel .tba-content pre code, #tb-workstation .tw-site-shell .tba-content pre, #tb-workstation .tw-site-shell .tba-content pre code, pre.tba-code, pre.tba-code code, .tba-code-block-wrap pre, .tba-code-block-wrap pre code { background: #090c10 !important; color: #e6edf3 !important; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; font-size: 13.5px !important; line-height: 1.65 !important; } /* ========================================================================== TUX TAVERN COMPREHENSIVE FIX: TOC, SEARCH, AND CONSOLE BLOCKS ========================================================================== */ /* 1. "On this page" TOC Sidebar (Left) */ #tb-workstation .tw-site-shell .tba-contents { background: #12161f !important; border: 1px solid #3d2b1f !important; border-radius: 8px !important; overflow: hidden !important; } #tb-workstation .tw-site-shell .tba-contents summary { background: linear-gradient(180deg, #1c222b, #151a21) !important; border-bottom: 1px solid #3d2b1f !important; color: #ffffff !important; } #tb-workstation .tw-site-shell .tba-contents summary::before { content: '>_' !important; color: #f5a742 !important; text-shadow: 0 0 6px rgba(245, 167, 66, 0.4) !important; } #tb-workstation .tw-site-shell .tba-contents details[open]::before { background: linear-gradient(90deg, #f5a742, #ffbe6b) !important; box-shadow: 0 0 6px rgba(245, 167, 66, 0.5) !important; } #tb-workstation .tw-site-shell .tba-contents-links li:not(.tba-contents-subheading) > a::before { color: #f5a742 !important; font-weight: 700 !important; } #tb-workstation .tw-site-shell .tba-contents-links li:not(.tba-contents-subheading):has(~ li a[aria-current]) > a::before { color: #ffbe6b !important; } #tb-workstation .tw-site-shell .tba-contents-links a { color: #c9d1d9 !important; } #tb-workstation .tw-site-shell .tba-contents-links a:hover { color: #f5a742 !important; background: #1c222b !important; } #tb-workstation .tw-site-shell .tba-contents-links a[aria-current="location"] { color: #ffbe6b !important; background: #251c14 !important; border-left-color: #f5a742 !important; } /* 2. Search Input (Right Sidebar & Header) */ #tb-workstation .tw-site-shell .tbh-search { background: #0d1015 !important; border: 1px solid #3d2b1f !important; border-radius: 7px !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4) !important; } #tb-workstation .tw-site-shell .tbh-search input { background: transparent !important; color: #e6edf3 !important; } #tb-workstation .tw-site-shell .tbh-search input::placeholder { color: #8b949e !important; } #tb-workstation .tw-site-shell .tbh-search button { color: #f5a742 !important; } #tb-workstation .tw-site-shell .tbh-search:focus-within { border-color: #f5a742 !important; box-shadow: 0 0 8px rgba(245, 167, 66, 0.25) !important; } /* 3. Terminal & Code Consoles (Unified Single Card) */ #tb-workstation .tw-site-shell .tba-reading-panel .tba-code-shell, #tb-workstation .tw-site-shell .tba-code-shell, .tba-code-shell, .tba-code-block-wrap { background: #090c10 !important; border: 1px solid #3d2b1f !important; border-radius: 8px !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important; margin: 20px 0 !important; overflow: hidden !important; } #tb-workstation .tw-site-shell .tba-reading-panel .tba-code-toolbar, #tb-workstation .tw-site-shell .tba-code-toolbar, .tba-code-toolbar { background: #141820 !important; border-bottom: 1px solid #241c14 !important; padding: 8px 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } #tb-workstation .tw-site-shell .tba-reading-panel .tba-code-toolbar>span, .tba-code-toolbar span, .tba-code-label { color: #f5a742 !important; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; } #tb-workstation .tw-site-shell .tba-reading-panel .tba-content pre, #tb-workstation .tw-site-shell .tba-content pre, .tba-code-shell pre, pre.tba-code { background: #090c10 !important; color: #e6edf3 !important; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; font-size: 13.5px !important; line-height: 1.65 !important; padding: 14px 16px !important; margin: 0 !important; border: 0 !important; overflow-x: auto !important; white-space: pre !important; } #tb-workstation .tw-site-shell .tba-reading-panel .tba-content pre code, #tb-workstation .tw-site-shell .tba-content pre code, pre code { background: transparent !important; color: #e6edf3 !important; border: 0 !important; padding: 0 !important; } #tb-workstation .tw-site-shell .tba-code-dots, .tba-code-dots { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: #ff5f56 !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; box-shadow: 15px 0 #ffbd2e, 30px 0 #27c93f !important; margin-right: 36px !important; font-style: normal !important; } .tw-copy { background: #241c14 !important; border: 1px solid #3d2b1f !important; color: #f5a742 !important; border-radius: 4px !important; padding: 3px 10px !important; font-size: 11px !important; cursor: pointer !important; font-weight: 700 !important; } .tw-copy:hover { background: #3d2b1f !important; color: #ffffff !important; } /* ======================================================== TUX TAVERN DELUXE PAGE HEADERS ======================================================== */ .tavern-header-deluxe { padding-bottom: 12px; margin-bottom: 24px; position: relative; border-bottom: none !important; } .tavern-page-badge { margin-bottom: 12px; } .tavern-page-badge-pill { display: inline-flex; align-items: center; gap: 8px; padding: 5px 14px; font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace; font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #ffbe6b; background: #251c14; border: 1px solid #4e3828; border-radius: 6px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); } .tavern-page-title { font-size: clamp(30px, 3.8vw, 42px) !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; color: #fff6e8 !important; margin: 0 0 10px 0 !important; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.7); background: linear-gradient(180deg, #ffffff 0%, #ffeed2 60%, #ffd080 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .tavern-page-tagline { font-size: clamp(16px, 1.8vw, 18px) !important; line-height: 1.5 !important; color: #cbb396 !important; margin: 0 0 18px 0 !important; font-weight: 400 !important; max-width: 800px; } .tavern-header-divider { height: 2px; background: linear-gradient(90deg, #ff9a3c 0%, #ffc857 35%, #4e3828 75%, transparent 100%); border-radius: 2px; box-shadow: 0 0 10px rgba(255, 154, 60, 0.35); margin-top: 14px; } /* ======================================================== TUX TAVERN PERFECTLY CENTERED FOOTER ======================================================== */ .tavern-footer { border-top: 1px solid #3d2b1f !important; background: #0a0d14 !important; padding: 38px 20px 42px 20px !important; text-align: center !important; margin-top: 50px !important; width: 100% !important; box-sizing: border-box !important; } .tavern-footer .site-wrapper { max-width: 1200px !important; margin: 0 auto !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; } .tavern-footer .footer-links { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 22px !important; margin: 0 auto 14px auto !important; text-align: center !important; padding: 0 !important; } .tavern-footer .footer-links a { color: #ffbe6b !important; text-decoration: none !important; font-size: 14px !important; font-weight: 500 !important; transition: color 0.15s ease !important; } .tavern-footer .footer-links a:hover { color: #ffd080 !important; text-decoration: underline !important; } .tavern-footer .footer-copyright { text-align: center !important; margin: 0 auto !important; color: #9c8e82 !important; font-size: 13px !important; line-height: 1.6 !important; } /* ======================================================== TUX TAVERN MASTER MOBILE OPTIMIZATION ENGINE Responsive across 320px - 850px viewports ======================================================== */ /* 1. Global Viewport & Horizontal Overflow Prevention */ html, body { overflow-x: hidden !important; max-width: 100vw !important; width: 100% !important; position: relative !important; -webkit-text-size-adjust: 100%; } *, *::before, *::after { box-sizing: border-box; } /* 2. Top Navigation Bar (Mobile & Tablet: <= 850px) */ @media (max-width: 850px) { .tavern-topbar { width: 100% !important; position: relative !important; box-sizing: border-box !important; } .tavern-topbar-inner { height: auto !important; min-height: 48px !important; padding: 8px 12px 6px 12px !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px 10px !important; box-sizing: border-box !important; max-width: 100% !important; } .tavern-brand { order: 1 !important; flex: 0 0 auto !important; gap: 8px !important; } .tavern-brand-mascot { height: 32px !important; width: auto !important; } .tavern-brand-title { font-size: 19px !important; letter-spacing: 0.3px !important; } .tavern-nav-search { order: 2 !important; flex: 1 1 120px !important; max-width: 160px !important; min-width: 110px !important; position: relative !important; margin: 0 !important; } .tavern-nav-search input { width: 100% !important; font-size: 12px !important; padding: 5px 28px 5px 10px !important; height: 32px !important; box-sizing: border-box !important; border-radius: 6px !important; } .tavern-nav-search input:focus { width: 100% !important; } .tavern-nav-search button { font-size: 12px !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; padding: 0 !important; } .tavern-nav-links { order: 3 !important; width: 100% !important; display: flex !important; align-items: center !important; gap: 6px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; padding: 4px 0 2px 0 !important; margin: 0 !important; box-sizing: border-box !important; } .tavern-nav-links::-webkit-scrollbar { display: none !important; } .tavern-nav-links li { flex-shrink: 0 !important; } .tavern-nav-link { font-size: 12px !important; padding: 6px 11px !important; gap: 6px !important; border-radius: 6px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; } .tavern-lantern-icon { width: 12px !important; height: 17px !important; } } /* 3. Top Panoramic Header Scene (Mobile: <= 768px) */ @media (max-width: 768px) { .tavern-header-container { height: 95px !important; overflow: hidden !important; background: #2b180d !important; border-bottom: 2px solid #5a3219 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important; } .tavern-header-img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 25% center !important; display: block !important; } } /* 4. Linux App Finder Banner (Mobile: <= 768px) */ @media (max-width: 768px) { .app-finder-banner { padding: 16px 14px !important; margin-bottom: 22px !important; border-radius: 8px !important; gap: 12px !important; box-sizing: border-box !important; } .finder-header-row { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; } .finder-title-group { gap: 10px !important; } .finder-title-group h2 { font-size: 17px !important; line-height: 1.3 !important; } .finder-title-group p { font-size: 12.5px !important; line-height: 1.4 !important; } .finder-icon { width: 38px !important; height: 38px !important; font-size: 20px !important; flex-shrink: 0 !important; } .finder-stats-pill { font-size: 11px !important; padding: 4px 10px !important; max-width: 100% !important; box-sizing: border-box !important; } .finder-search-box { flex-direction: column !important; gap: 8px !important; width: 100% !important; } .finder-input { width: 100% !important; padding: 11px 14px !important; font-size: 14px !important; box-sizing: border-box !important; } .finder-button { width: 100% !important; height: 42px !important; font-size: 13.5px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } .finder-quick-pills { gap: 6px !important; } .finder-pills-label { width: 100% !important; margin-bottom: 2px !important; } .match-pill { font-size: 11.5px !important; padding: 5px 9px !important; line-height: 1.3 !important; max-width: 100% !important; box-sizing: border-box !important; } } /* 5. Main 2-Column Grid Collapse (<= 900px) */ @media (max-width: 900px) { .layout-grid { display: flex !important; flex-direction: column !important; gap: 24px !important; } .main-content { width: 100% !important; max-width: 100% !important; } aside.sidebar { width: 100% !important; max-width: 100% !important; } } /* 6. Hero Guide Card Mobile (<= 850px) */ @media (max-width: 850px) { .hero-guide-card { display: flex !important; flex-direction: column !important; border-radius: 8px !important; overflow: hidden !important; margin-bottom: 20px !important; } .hero-guide-thumb { width: 100% !important; height: auto !important; aspect-ratio: 16/9 !important; max-height: 240px !important; } .hero-guide-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; } .hero-guide-body { padding: 16px 14px !important; } .hero-guide-title { font-size: 17.5px !important; line-height: 1.35 !important; margin: 6px 0 8px 0 !important; } .hero-guide-excerpt { font-size: 13px !important; line-height: 1.5 !important; margin-bottom: 12px !important; } .meta-row { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; } .read-button { width: 100% !important; justify-content: center !important; text-align: center !important; box-sizing: border-box !important; height: 38px !important; font-size: 13px !important; } } /* 7. Latest Guides & Archive Grids (<= 700px) */ @media (max-width: 700px) { .guides-grid { grid-template-columns: 1fr !important; gap: 12px !important; margin-bottom: 24px !important; } .guide-card { padding: 12px 14px !important; gap: 12px !important; align-items: center !important; border-radius: 8px !important; } .guide-mini-thumb { width: 50px !important; height: 50px !important; font-size: 20px !important; flex-shrink: 0 !important; } .guide-content h4 { font-size: 14px !important; line-height: 1.3 !important; margin: 3px 0 !important; } .guide-content p { font-size: 12px !important; line-height: 1.4 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } .archive-section { padding: 16px 14px !important; border-radius: 8px !important; } .archive-grid { grid-template-columns: 1fr !important; gap: 10px !important; } } /* 8. Single Article & Reading Layout (<= 900px) */ @media (max-width: 900px) { #tb-workstation .tw-site-shell .tba-reading-grid, #tb-workstation .tw-site-shell .tba-reading-grid.has-contents, .tba-reading-grid, .tba-reading-grid.has-contents { display: flex !important; flex-direction: column !important; grid-template-columns: 1fr !important; width: 100% !important; gap: 20px !important; } #tb-workstation .tw-site-shell .tba-reading-grid.has-contents > .tba-contents, #tb-workstation .tw-site-shell .tba-reading-grid > .tba-contents, .tba-reading-panel, #tb-workstation .tw-site-shell .tba-reading-panel, .tba-sidebar, #tb-workstation .tw-site-shell .tba-sidebar { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; grid-column: auto !important; } #tb-workstation .tw-site-shell .tba-sidebar { display: flex !important; flex-direction: column !important; } } /* 9. Mobile Reading Typography, Containers & Elements (<= 700px) */ @media (max-width: 700px) { .site-wrapper, .tw-site-shell, .tt-site-shell, .tbh-container, #main, #tb-workstation .tba-main, #tb-workstation .tw-site-shell .tba-reference { padding-left: 12px !important; padding-right: 12px !important; padding-top: 14px !important; padding-bottom: 28px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .tba-reading-panel, #tb-workstation .tw-site-shell .tba-reading-panel, .tba-reading-grid .tba-reading-panel { padding: 18px 14px 24px !important; border-radius: 8px !important; width: 100% !important; box-sizing: border-box !important; } .tba-article h1, #tb-workstation .tw-site-shell .tba-article h1 { font-size: clamp(20px, 5.5vw, 26px) !important; line-height: 1.25 !important; word-break: break-word !important; overflow-wrap: break-word !important; margin: 10px 0 14px 0 !important; } .tba-categories, .tba-dates { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; font-size: 11.5px !important; } .tba-breadcrumbs, #tb-workstation .tw-site-shell .tba-breadcrumbs { font-size: 12px !important; line-height: 1.4 !important; margin-bottom: 12px !important; } .tba-content, #tb-workstation .tw-site-shell .tba-content, .entry-content { font-size: 15px !important; line-height: 1.65 !important; word-break: break-word !important; overflow-wrap: break-word !important; } .tba-content p, #tb-workstation .tw-site-shell .tba-content p { font-size: 15px !important; line-height: 1.65 !important; margin: 14px 0 !important; } .tba-content h2, #tb-workstation .tw-site-shell .tba-content h2 { font-size: 19px !important; line-height: 1.3 !important; margin: 24px 0 12px !important; } .tba-content h3, #tb-workstation .tw-site-shell .tba-content h3 { font-size: 16.5px !important; line-height: 1.35 !important; margin: 18px 0 10px !important; } /* Clamped large font size for about/privacy/trust pages */ .has-large-font-size, p.has-large-font-size, .tba-content .has-large-font-size { font-size: clamp(16px, 4vw, 19px) !important; line-height: 1.6 !important; } /* Responsive Tables */ .wp-block-table, .tba-content table, #tb-workstation .tw-site-shell .tba-content table { display: block !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; margin: 18px 0 !important; border-radius: 8px !important; border: 1px solid #3d2b1f !important; } .wp-block-table table, .tba-content table, #tb-workstation .tw-site-shell .tba-content table { width: 100% !important; min-width: 480px !important; border-collapse: collapse !important; border: none !important; margin: 0 !important; } .tba-content table th, .tba-content table td, #tb-workstation .tw-site-shell .tba-content table th, #tb-workstation .tw-site-shell .tba-content table td { padding: 8px 10px !important; font-size: 12px !important; line-height: 1.4 !important; white-space: normal !important; word-break: normal !important; } /* Responsive Code Blocks */ pre, pre.tba-code, pre.wp-block-code, .tba-code-block-wrap pre, .tba-code-shell pre, #tb-workstation .tw-site-shell .tba-reading-panel .tba-content pre, #tb-workstation .tw-site-shell .tba-content pre { display: block !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; white-space: pre !important; font-size: 12px !important; line-height: 1.55 !important; padding: 12px 14px !important; border-radius: 6px !important; margin: 16px 0 !important; } /* Featured Artwork Banner */ .tba-featured-banner { margin: 14px 0 20px 0 !important; border-radius: 8px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .tba-featured-banner img { aspect-ratio: 16/9 !important; width: 100% !important; height: auto !important; object-fit: cover !important; display: block !important; } /* Post navigation previous / next */ .tba-post-navigation { display: flex !important; flex-direction: column !important; gap: 10px !important; padding: 16px 0 !important; } .tba-post-navigation a { font-size: 13px !important; line-height: 1.4 !important; } /* Centered Footer Mobile */ .tavern-footer { padding: 28px 14px 34px !important; margin-top: 36px !important; } .tavern-footer .footer-links { gap: 12px 16px !important; margin-bottom: 12px !important; } .tavern-footer .footer-links a { font-size: 13px !important; } .tavern-footer .footer-copyright { font-size: 12px !important; } }