:root {
  color-scheme: dark;
  --bg: #071015;
  --panel: #0c171d;
  --panel-2: #101f27;
  --line: #1f3944;
  --text: #edf7f8;
  --muted: #91a8b0;
  --accent: #34d5c5;
  --accent-2: #91fff2;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 70% -10%, #13333d 0, transparent 34rem), var(--bg); }
a { color: inherit; }
.site-header { min-height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 5vw; border-bottom: 1px solid var(--line); background: rgba(7,16,21,.92); }
.brand { text-decoration: none; font-weight: 900; letter-spacing: .12em; font-size: 1.15rem; color: var(--accent-2); }
.nav { display: flex; gap: 24px; align-items: center; }
.nav a { text-decoration: none; color: var(--text); }
.nav-muted { color: var(--muted); }
main { width: min(1180px, 90vw); margin: 0 auto; }
.tr-body main { width: 100%; max-width: none; margin: 0; }
.hero { padding: 90px 0 64px; max-width: 850px; }
.eyebrow { color: var(--accent); font-size: .75rem; letter-spacing: .16em; font-weight: 800; text-transform: uppercase; }
h1 { font-size: clamp(2.4rem, 6vw, 5.5rem); line-height: .98; margin: 16px 0 24px; letter-spacing: -.045em; }
h2 { margin: 10px 0 12px; font-size: 1.35rem; }
.hero p, .lead { color: var(--muted); font-size: 1.15rem; line-height: 1.7; max-width: 760px; }
.hero-actions { display: flex; gap: 12px; margin-top: 30px; flex-wrap: wrap; }
.button { display: inline-flex; padding: 12px 18px; border-radius: 9px; text-decoration: none; background: var(--accent); color: #04100f; font-weight: 800; }
.button-ghost { background: transparent; color: var(--text); border: 1px solid var(--line); }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.card, .status-panel, .empty-state, .admin-card { border: 1px solid var(--line); background: linear-gradient(180deg, rgba(16,31,39,.95), rgba(10,21,27,.95)); border-radius: 16px; }
.card { padding: 24px; min-height: 210px; }
.card p { color: var(--muted); line-height: 1.6; }
.card-kicker { color: var(--accent); font-size: .68rem; letter-spacing: .14em; font-weight: 800; }
.status-panel { margin: 28px 0 64px; padding: 20px 24px; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.status-panel p { color: var(--muted); margin: 0; }
.status-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); margin-right: 8px; box-shadow: 0 0 18px var(--accent); }
.site-footer { border-top: 1px solid var(--line); color: var(--muted); padding: 26px 5vw; margin-top: 60px; }
.journal-shell { padding-top: 72px; }
.journal-shell h1 { font-size: clamp(2.8rem, 6vw, 5rem); }
.empty-state { padding: 30px; margin-top: 34px; display: grid; gap: 8px; color: var(--muted); }
.empty-state strong { color: var(--text); }
.admin-body { display: grid; place-items: center; padding: 5vw; }
.admin-card { width: min(720px, 94vw); padding: 34px; }
.admin-card h1 { font-size: 2.3rem; }
.admin-card p, .module-list { color: var(--muted); line-height: 1.6; }
.module-list dt { color: var(--text); font-weight: 800; }
.error-page { min-height: 80vh; display: grid; place-content: center; gap: 18px; }
.error-page h1 { font-size: 3rem; margin: 0; }
@media (max-width: 780px) {
  .site-header { align-items: flex-start; padding-top: 22px; padding-bottom: 18px; gap: 18px; }
  .nav { gap: 12px; font-size: .9rem; flex-wrap: wrap; justify-content: flex-end; }
  .grid { grid-template-columns: 1fr; }
  .status-panel { align-items: flex-start; flex-direction: column; }
  .hero { padding-top: 64px; }
}

/* Iteration 002: real Journal + auth shell */
.home-journal { padding: 0 0 54px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 20px; }
.section-heading h2 { font-size: clamp(1.8rem, 4vw, 3rem); margin: 7px 0 0; }
.section-heading > a { color: var(--accent-2); text-decoration: none; font-weight: 800; }
.article-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 28px 0 60px; }
.article-card { border: 1px solid var(--line); background: linear-gradient(180deg, rgba(16,31,39,.95), rgba(10,21,27,.95)); border-radius: 16px; padding: 24px; min-width: 0; }
.article-card-featured { border-color: rgba(52,213,197,.55); box-shadow: inset 0 0 0 1px rgba(52,213,197,.08); }
.article-card h2 { font-size: clamp(1.25rem, 2.5vw, 1.8rem); line-height: 1.15; }
.article-card h2 a { text-decoration: none; }
.article-card h2 a:hover { color: var(--accent-2); }
.article-card p { color: var(--muted); line-height: 1.65; }
.article-meta, .article-bottom { display: flex; gap: 12px; flex-wrap: wrap; color: var(--muted); font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; }
.article-meta span:first-child { color: var(--accent); }
.article-bottom { justify-content: space-between; border-top: 1px solid var(--line); padding-top: 14px; margin-top: 18px; text-transform: none; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 22px; }
.chip { border: 1px solid var(--line); background: rgba(16,31,39,.75); border-radius: 999px; padding: 7px 11px; color: var(--muted); font-size: .85rem; }
.article-page { padding-top: 64px; max-width: 920px; }
.article-page h1 { font-size: clamp(2.6rem, 7vw, 5.2rem); }
.back-link { display: inline-flex; margin-bottom: 26px; color: var(--accent-2); text-decoration: none; font-weight: 800; }
.article-content { margin-top: 42px; padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: rgba(10,21,27,.72); font-size: 1.08rem; line-height: 1.8; }
.article-content p:first-child { margin-top: 0; }
.admin-login { max-width: 560px; }
.admin-form { display: grid; gap: 16px; margin-top: 24px; }
.admin-form label { display: grid; gap: 8px; color: var(--muted); font-weight: 700; }
.admin-form input { width: 100%; border: 1px solid var(--line); border-radius: 10px; background: #071015; color: var(--text); padding: 12px 13px; outline: none; }
.admin-form input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(52,213,197,.12); }
.admin-form .button { border: 0; cursor: pointer; justify-content: center; }
.form-error { margin-top: 16px; border: 1px solid #7a3b42; background: rgba(112,37,48,.18); border-radius: 10px; padding: 12px 14px; color: #ffd7dc; }
.module-list { display: grid; grid-template-columns: 130px 1fr; gap: 10px 18px; }
.module-list dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 780px) {
  .article-grid { grid-template-columns: 1fr; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .module-list { grid-template-columns: 1fr; }
}

/* Iteration 003 admin journal/media */
.admin-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid #20323a;background:#0d171c}.admin-nav{display:flex;gap:16px;flex-wrap:wrap}.admin-nav a,.admin-user{font-size:14px}.admin-user{margin-left:auto;color:#8ea4ae}.admin-shell{max-width:1400px;margin:0 auto;padding:28px}.admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.admin-page-head h1{margin:.25rem 0}.admin-page-head p{color:#9fb0b8;max-width:760px}.admin-table-wrap{overflow:auto;border:1px solid #243941;border-radius:14px;background:#111f25}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #22373f;vertical-align:top}.admin-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8da0a8}.admin-table td small{display:block;color:#778b94;margin-top:4px}.status-badge{display:inline-block;padding:4px 8px;border:1px solid #35505a;border-radius:999px;font-size:12px}.status-published{border-color:#3c765e}.status-unpublished,.status-archived{opacity:.75}.notice-ok{padding:12px 14px;margin:0 0 16px;border:1px solid #315f4d;border-radius:10px;background:#11271e}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.editor-main,.editor-sidebar,.admin-panel{padding:20px;border:1px solid #243941;border-radius:14px;background:#111f25}.editor-form label,.admin-panel label{display:grid;gap:7px;margin-bottom:15px;color:#c4d0d5}.editor-form input,.editor-form textarea,.editor-form select,.admin-panel input,.admin-panel textarea,.admin-panel select,.inline-form input,.taxonomy-row input{width:100%;box-sizing:border-box;background:#091317;color:#e8f0f2;border:1px solid #314850;border-radius:9px;padding:10px}.code-editor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.checkbox-list{display:grid;gap:6px;max-height:180px;overflow:auto}.checkbox-list label{display:flex;grid-template-columns:auto 1fr;align-items:center;margin:0}.checkbox-list input{width:auto}.state-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.state-actions form{display:flex;align-items:end;gap:8px}.danger-link{background:transparent;border:0;color:#ff8c8c;cursor:pointer;padding:7px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:14px}.taxonomy-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;margin:8px 0}.admin-panel{margin-bottom:22px}.admin-panel h2{margin-top:0}.admin-table button,.taxonomy-row button{background:#152931;color:#e7eff2;border:1px solid #36505a;border-radius:8px;padding:7px 10px;cursor:pointer}code{word-break:break-all}
@media(max-width:900px){.editor-grid,.two-columns{grid-template-columns:1fr}.admin-header{align-items:flex-start;flex-direction:column}.admin-user{margin-left:0}.inline-form,.taxonomy-row{grid-template-columns:1fr}.admin-shell{padding:18px}.admin-page-head{flex-direction:column}}

/* Iteration 006 — public home mockup + account UX */
.home-body{color-scheme:light;background:#fff;color:#17191d;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.home-body a{color:inherit}.home-header{width:min(1380px,92vw);margin:0 auto;min-height:86px;display:grid;grid-template-columns:260px minmax(320px,620px) 1fr;align-items:center;gap:34px}.home-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:28px;letter-spacing:-.055em;font-weight:900;color:#101216}.home-logo i{display:inline-block;width:23px;height:19px;background:repeating-linear-gradient(90deg,#62d0ff 0 3px,transparent 3px 7px);transform:skewX(-17deg);opacity:.95}.top-search{height:44px;border-radius:14px;background:#eef0f2;color:#979ca4;display:flex;align-items:center;justify-content:center;gap:12px;font-size:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.search-icon{width:15px;height:15px;border:2px solid #9ea3aa;border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:7px;height:2px;background:#9ea3aa;right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}.home-account{justify-self:end;display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:800;font-size:17px}.avatar-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#595f66;background:#eceff1;font-size:15px}.home-tabs{width:min(1380px,92vw);height:58px;margin:0 auto;display:flex;align-items:end;gap:42px;border-bottom:1px solid #eceeef}.home-tabs a{position:relative;padding:0 0 16px;text-decoration:none;font-size:20px;font-weight:800;color:#17191d}.home-tabs a.active{color:#4074ff}.home-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#4074ff;border-radius:3px 3px 0 0}.home-main{width:min(1380px,92vw);margin:0 auto;padding:28px 0 58px}.home-hero{min-height:390px;border-radius:34px;background:linear-gradient(118deg,#c4bbf7 0%,#a3c1ff 46%,#9fd8ff 100%);display:grid;grid-template-columns:minmax(420px,.95fr) 1.25fr;align-items:center;overflow:hidden;position:relative;box-shadow:0 8px 30px rgba(63,92,164,.08)}.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 5%,rgba(255,255,255,.56),transparent 30%),radial-gradient(circle at 95% 75%,rgba(255,255,255,.28),transparent 30%);pointer-events:none}.hero-copy{padding:48px 0 46px 64px;position:relative;z-index:2}.hero-copy h1{font-size:clamp(52px,5.2vw,80px);line-height:.98;letter-spacing:-.065em;margin:0 0 24px;color:#222427;font-weight:900}.hero-copy p{font-size:23px;line-height:1.25;margin:0 0 24px;color:#25272b;font-weight:700}.hero-cta{display:inline-flex;align-items:center;justify-content:center;min-width:138px;height:50px;padding:0 22px;background:#ff7d3f;color:white!important;border-radius:14px;text-decoration:none;font-weight:900;font-size:20px;box-shadow:0 12px 24px rgba(255,125,63,.24)}.hero-cta:hover{transform:translateY(-1px)}.hero-devices{width:min(720px,100%);height:auto;justify-self:end;align-self:end;position:relative;z-index:1;transform:translate(12px,18px)}.home-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.home-feature-card{min-height:230px;border-radius:30px;position:relative;overflow:hidden;padding:28px 210px 28px 30px;border:1px solid rgba(64,83,110,.04);box-shadow:0 8px 30px rgba(71,91,120,.05)}.home-feature-card.card-news{background:linear-gradient(120deg,#ffe0f2 0%,#f7ddea 45%,#d1e6ff 100%)}.home-feature-card.card-articles{background:linear-gradient(120deg,#f5e0ff 0%,#dedaff 50%,#bdcdff 100%)}.home-feature-card.card-ratings{background:linear-gradient(120deg,#d9edff 0%,#d5e5ff 50%,#f5e2f0 100%)}.home-feature-card img{position:absolute;right:-8px;bottom:0;width:220px;height:auto}.feature-copy{position:relative;z-index:2}.feature-kicker{font-size:18px;font-weight:900;margin:0 0 10px;color:#26282c}.home-feature-card h2{font-size:clamp(24px,2vw,32px);line-height:1.03;letter-spacing:-.04em;margin:0 0 12px;color:#1e2024}.home-feature-card .feature-copy>p:not(.feature-kicker){font-size:15px;line-height:1.45;color:#565d67;max-width:270px;margin:0 0 15px}.home-feature-card a{font-size:15px;font-weight:900;text-decoration:none}.home-footer{width:min(1380px,92vw);margin:0 auto;border-top:1px solid #eceeef;padding:26px 0 44px;display:flex;gap:24px;color:#737983;font-size:14px}.home-footer a{text-decoration:none}.home-footer span{margin-right:auto}

.account-body{color-scheme:light;background:linear-gradient(135deg,#f8f9fc,#eef4ff);color:#17191d;min-height:100vh}.account-shell{width:min(560px,92vw);margin:0 auto;padding:44px 0 70px}.account-logo{display:inline-flex;text-decoration:none;font-size:27px;font-weight:900;letter-spacing:-.055em;margin-bottom:26px}.account-card,.account-panel,.account-welcome{background:#fff;border:1px solid #e6e9ee;box-shadow:0 18px 50px rgba(47,64,101,.08);border-radius:26px}.account-card{padding:34px}.account-card h1,.account-welcome h1{font-size:clamp(32px,5vw,46px);line-height:1.02;letter-spacing:-.05em;margin:8px 0 12px}.account-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;color:#5078ff;margin:0}.account-lead{color:#69717c;line-height:1.55;margin:0 0 24px}.account-form{display:grid;gap:15px}.account-form label{display:grid;gap:7px;font-weight:800;color:#30343a;font-size:14px}.account-form input{width:100%;border:1px solid #dce1e8;background:#f8f9fb;color:#17191d;padding:13px 14px;border-radius:12px;font:inherit;outline:none}.account-form input:focus{border-color:#5b80ff;box-shadow:0 0 0 3px rgba(91,128,255,.12);background:#fff}.account-button{border:0;background:#4676ff;color:#fff;border-radius:13px;padding:13px 18px;font-weight:900;font-size:16px;cursor:pointer;text-align:center}.account-button-link{display:inline-flex;text-decoration:none}.account-error,.account-notice{padding:12px 14px;border-radius:12px;margin:0 0 17px;line-height:1.45}.account-error{background:#fff1f2;border:1px solid #ffcbd0;color:#9d2e3d}.account-notice{background:#eef8f2;border:1px solid #c8ead6;color:#24633e}.form-hint{color:#7b838d;font-size:13px;margin:-4px 0 2px}.account-switch,.account-links{margin:20px 0 0;color:#68717c}.account-switch a,.account-links a{font-weight:800;color:#315fdb}.account-links{display:flex;justify-content:space-between;gap:16px}.resend-form{margin-top:14px}.resend-form button,.account-plain-button{border:0;background:none;padding:0;color:#315fdb;font-weight:800;cursor:pointer}.account-dashboard{width:min(1120px,92vw);margin:0 auto;padding:34px 0 70px}.account-dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.account-welcome{padding:36px;margin-bottom:22px;background:linear-gradient(120deg,#c6c2ff,#b4d8ff);border:0}.account-welcome p:last-child{margin-bottom:0;color:#3e4650}.account-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-panel{padding:28px}.account-panel h2{margin-top:0;font-size:24px}.account-panel dl{display:grid;grid-template-columns:100px 1fr;gap:12px 18px}.account-panel dt{color:#808791}.account-panel dd{margin:0;font-weight:800}.account-form.compact{gap:12px}.muted-panel{grid-column:1/-1;background:#fafbfc;color:#68717c}.muted-panel h2{color:#1f2328}

@media(max-width:980px){.home-header{grid-template-columns:1fr auto;gap:16px;padding:12px 0}.top-search{grid-row:2;grid-column:1/-1;width:100%}.home-tabs{gap:24px;overflow:auto}.home-hero{grid-template-columns:1fr;min-height:620px}.hero-copy{padding:42px 36px 0}.hero-devices{align-self:end;width:min(720px,96%);justify-self:end}.home-columns{grid-template-columns:1fr}.home-feature-card{min-height:210px}.account-dashboard-grid{grid-template-columns:1fr}.muted-panel{grid-column:auto}}
@media(max-width:620px){.home-header{width:90vw}.home-logo{font-size:24px}.home-greeting{display:none}.home-tabs{width:90vw}.home-tabs a{font-size:17px}.home-main{width:90vw}.home-hero{min-height:570px;border-radius:26px}.hero-copy{padding:34px 24px 0}.hero-copy h1{font-size:52px}.hero-copy p{font-size:19px}.home-feature-card{padding:24px 150px 24px 24px;border-radius:24px}.home-feature-card img{width:170px}.home-feature-card h2{font-size:25px}.home-footer{width:90vw}.account-card{padding:26px}.account-links{flex-direction:column}.account-dashboard{width:90vw}.account-welcome,.account-panel{padding:24px}.account-panel dl{grid-template-columns:1fr}.account-panel dd{margin-bottom:6px}}
/* deterministic hero composition for browsers/renderers */
.home-hero{display:flex;align-items:center}.hero-copy{flex:0 0 43%;min-width:0}.hero-devices{flex:1 1 57%;max-width:57%;margin-left:auto}.home-feature-card{display:block}
@media(max-width:980px){.home-hero{display:flex;flex-direction:column;align-items:stretch}.hero-copy{flex:none}.hero-devices{flex:none;max-width:96%;margin-left:auto}}
/* visual lock to supplied homepage mockup */
.hero-copy h1{font-size:72px;line-height:.96}.hero-cta{width:140px;min-width:140px;max-width:140px}
@media(max-width:620px){.hero-copy h1{font-size:52px}.hero-cta{width:132px;min-width:132px;max-width:132px}}
.hero-cta{white-space:nowrap}

/* Iteration 007 — Search Stage 1b */
.top-search-form{padding:0 10px 0 16px;justify-content:flex-start}.top-search-form input{flex:1;min-width:0;border:0;background:transparent;color:#23272c;font:inherit;outline:none}.top-search-form input::placeholder{color:#9298a1}.top-search-form button{border:0;background:#fff;color:#456ce8;border-radius:10px;padding:8px 12px;font-weight:900;cursor:pointer;box-shadow:0 2px 8px rgba(45,61,91,.06)}
.search-body{color-scheme:light;background:#f7f8fb;color:#17191d;min-height:100vh}.search-header{min-height:82px;background:#fff;border-bottom:1px solid #e7eaf0;display:grid;grid-template-columns:180px minmax(280px,720px) auto;align-items:center;gap:24px;padding:0 max(4vw,24px)}.search-brand{text-decoration:none;font-size:27px;font-weight:900;letter-spacing:-.055em}.search-form{display:flex;gap:8px;background:#eef1f5;border-radius:14px;padding:6px}.search-form input{flex:1;min-width:0;border:0;background:transparent;padding:8px 10px;outline:none;font:inherit}.search-form button{border:0;background:#ff7d3f;color:#fff;border-radius:10px;padding:9px 16px;font-weight:900;cursor:pointer}.search-header>a:last-child{text-decoration:none;font-weight:800}.search-shell{width:min(980px,92vw);margin:0 auto;padding:52px 0 80px}.search-head h1{font-size:clamp(38px,6vw,64px);line-height:1;letter-spacing:-.055em;margin:8px 0 14px}.search-head>p:last-child,.search-count{color:#707782}.search-results{display:grid;gap:14px;margin-top:22px}.search-result{background:#fff;border:1px solid #e5e8ee;border-radius:20px;padding:24px;box-shadow:0 8px 26px rgba(50,67,102,.05)}.search-result-meta{display:flex;gap:10px;flex-wrap:wrap;color:#7d838d;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.search-result-meta span:first-child{color:#4c72ef;font-weight:900}.search-result h2{font-size:24px;margin:10px 0}.search-result h2 a{text-decoration:none}.search-result p{margin:0;color:#636b75;line-height:1.55}.search-empty{background:#fff;border:1px dashed #cfd5de;border-radius:18px;padding:24px;margin-top:20px}.search-suggestions{margin-top:28px}.search-suggestions h2{font-size:18px}.search-suggestions>div{display:flex;gap:9px;flex-wrap:wrap}.search-suggestions a{background:#fff;border:1px solid #dfe4eb;border-radius:999px;padding:9px 13px;text-decoration:none;font-weight:800;color:#3f5fc8}
@media(max-width:720px){.search-header{grid-template-columns:1fr auto;padding:14px 5vw}.search-form{grid-row:2;grid-column:1/-1}.search-shell{padding-top:36px}}

/* Iteration 008 — Catalog Stage 2 */
.catalog-body{color-scheme:light;background:#f6f7fa;color:#181b20;min-height:100vh}.catalog-header{min-height:82px;background:#fff;border-bottom:1px solid #e7e9ee;display:flex;align-items:center;gap:30px;padding:0 max(4vw,24px);position:sticky;top:0;z-index:10}.catalog-logo{font-size:28px;font-weight:950;letter-spacing:-.06em;text-decoration:none}.catalog-logo span{color:#ff6f32}.catalog-header nav{display:flex;gap:20px}.catalog-header nav a{text-decoration:none;color:#515762;font-weight:800}.catalog-header nav a.active{color:#ff6f32}.catalog-header form{margin-left:auto;display:flex;background:#eef1f5;border-radius:12px;padding:5px}.catalog-header form input{border:0;background:transparent;padding:8px 10px;min-width:220px;outline:none}.catalog-header form button{border:0;background:#ff7540;color:#fff;border-radius:9px;padding:8px 14px;font-weight:900}.catalog-shell,.product-page{width:min(1280px,92vw);margin:0 auto;padding:46px 0 80px}.catalog-title{max-width:820px}.catalog-kicker{margin:0;color:#ff6f32;font-weight:950;font-size:12px;letter-spacing:.12em}.catalog-title h1,.product-hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:10px 0 16px}.catalog-title>p:last-child,.product-lead{color:#6d747f;line-height:1.6;font-size:17px}.catalog-filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.pill{background:#fff;border:1px solid #e2e5ea;border-radius:999px;padding:9px 13px;text-decoration:none;font-weight:800;font-size:13px}.brand-pill{background:#fff7f2;border-color:#ffe0d0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card,.spec-card,.description-card,.compare-column,.catalog-empty{background:#fff;border:1px solid #e6e8ed;border-radius:22px;box-shadow:0 8px 28px rgba(54,67,92,.05)}.product-card{padding:18px;min-width:0}.product-placeholder,.product-big-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#edf3ff,#e6e7ff 55%,#ffe9de);border-radius:17px;color:#33415d;font-size:36px;font-weight:950;letter-spacing:-.08em}.product-placeholder{height:180px}.product-big-placeholder{min-height:360px;font-size:80px}.product-meta{font-size:12px;color:#8a9099;margin:14px 0 6px}.product-card h2{font-size:20px;line-height:1.15;margin:0 0 9px}.product-card h2 a{text-decoration:none}.product-card p{color:#6d737d;line-height:1.5;font-size:14px;min-height:64px}.product-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.product-actions a,.compare-button,.catalog-back{color:#e95d24;text-decoration:none;font-weight:900;font-size:13px}.catalog-empty{padding:28px;grid-column:1/-1}.catalog-footer{width:min(1280px,92vw);margin:0 auto;border-top:1px solid #e4e7ec;padding:24px 0 45px;display:flex;gap:22px;color:#717985}.catalog-footer span{margin-right:auto}.catalog-footer a{text-decoration:none}.product-hero{display:grid;grid-template-columns:minmax(320px,.8fr) 1.1fr;gap:42px;align-items:center}.variant-list{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.variant-list span{background:#fff;border:1px solid #dfe3e9;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:800}.compare-button{display:inline-flex;background:#ff7540;color:#fff;padding:12px 16px;border-radius:12px}.product-content-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:34px}.spec-card,.description-card{padding:28px}.spec-list{display:grid;grid-template-columns:minmax(120px,1fr) 1fr;gap:0;margin:0}.spec-list dt,.spec-list dd{padding:11px 0;border-bottom:1px solid #edf0f3}.spec-list dt{color:#777f89}.spec-list dd{margin:0;font-weight:850}.compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.compare-column{padding:22px}.compare-column h2{font-size:20px}.compare-column>a{color:#e95d24;font-weight:900;text-decoration:none}.catalog-back{display:inline-flex;margin-bottom:24px}.admin-editor select,.admin-editor textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#071015;color:var(--text);padding:12px 13px;outline:none}.danger-form{margin-top:24px}.danger-form button{border:1px solid #7b3139;background:#34181c;color:#ffb5bc;border-radius:10px;padding:10px 14px;cursor:pointer}.taxonomy-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.taxonomy-grid section{border:1px solid var(--line);border-radius:16px;padding:20px}.taxonomy-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;margin:8px 0}.taxonomy-row input{min-width:0;border:1px solid var(--line);border-radius:9px;background:#071015;color:var(--text);padding:9px}.taxonomy-row button{border:1px solid var(--line);background:#10232b;color:var(--text);border-radius:9px;padding:8px;cursor:pointer}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,1fr)}.compare-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.catalog-header{flex-wrap:wrap;padding:14px 5vw;gap:14px}.catalog-header nav{order:3;width:100%;overflow:auto}.catalog-header form{display:none}.product-grid,.compare-grid,.product-hero,.product-content-grid,.taxonomy-grid{grid-template-columns:1fr}.product-big-placeholder{min-height:260px}.taxonomy-row{grid-template-columns:1fr 1fr}.catalog-shell,.product-page{padding-top:30px}}
.price-summary{margin:32px 0 0;background:#15191f;color:#fff;border-radius:20px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.price-summary div{display:grid;gap:5px}.price-summary span,.price-summary small{color:#aeb7c3}.price-summary strong{font-size:32px}.price-summary a{background:#ff7540;color:#fff;text-decoration:none;font-weight:900;padding:12px 16px;border-radius:12px}.offers-section{margin-top:26px;background:#fff;border:1px solid #e6e8ed;border-radius:22px;padding:28px;box-shadow:0 8px 28px rgba(54,67,92,.05)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2{margin:.2rem 0 0}.section-heading>p{max-width:520px;color:#747b85}.offer-list{display:grid;gap:10px;margin-top:18px}.offer-row{display:grid;grid-template-columns:minmax(220px,1.3fr) .7fr .7fr auto;gap:14px;align-items:center;border-top:1px solid #eef0f3;padding:14px 0}.offer-row:first-child{border-top:0}.offer-row small{display:block;color:#858c96;margin-top:3px}.offer-stock{color:#238b5a;font-weight:850}.offer-price{font-size:20px;font-weight:950}.offer-row>a{background:#ff7540;color:#fff;text-decoration:none;font-weight:900;border-radius:10px;padding:10px 13px}.price-history-strip{height:110px;display:flex;align-items:end;gap:4px;margin-top:22px;border-bottom:1px solid #dfe3e8}.price-bar{flex:1;min-width:4px;background:linear-gradient(180deg,#ff7540,#ffb38f);border-radius:5px 5px 0 0}.history-caption{display:flex;justify-content:space-between;color:#7d848e;font-size:12px;margin-top:8px}.offers-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.offers-form-grid label{margin:0}.offers-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}.offers-check input{width:auto!important}.offers-store-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr .5fr 1.5fr auto auto;gap:8px;margin:8px 0}.offers-store-row input,.offers-store-row select{min-width:0;background:#091317;color:#e8f0f2;border:1px solid #314850;border-radius:9px;padding:9px}.offers-store-row button{background:#152931;color:#e7eff2;border:1px solid #36505a;border-radius:8px;padding:7px 10px;cursor:pointer}@media(max-width:900px){.offer-row{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}.offers-form-grid,.offers-store-row{grid-template-columns:1fr}.price-summary{align-items:flex-start;flex-direction:column}}

/* ======================================================================
   Iteration 011 — unified public TehnoRex editorial theme
   Visual direction: approved light portal mockup. No external runtime assets.
   ====================================================================== */
:root{--tr-bg:#f5f6f8;--tr-card:#fff;--tr-text:#171a1f;--tr-muted:#747b86;--tr-line:#e6e9ee;--tr-orange:#ff5d18;--tr-orange2:#ff7a31;--tr-dark:#101820;--tr-soft:#eef1f5;--tr-shadow:0 10px 32px rgba(30,43,62,.06)}
.tr-body{margin:0;background:var(--tr-bg);color:var(--tr-text);font-family:Inter,Arial,Helvetica,sans-serif;color-scheme:light;min-height:100vh}.tr-body *{box-sizing:border-box}.tr-body a{color:inherit}.tr-wrap{width:100%;max-width:none;margin:0;padding-left:24px;padding-right:24px;box-sizing:border-box}.tr-utility{background:#fff;border-bottom:1px solid var(--tr-line);font-size:12px}.tr-utility .tr-wrap{height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tr-utility nav{display:flex;gap:27px}.tr-utility a{text-decoration:none;color:#50555d}.tr-social{display:flex;align-items:center;gap:16px;font-weight:900;color:#56606d}.tr-breaking{background:#fafbfc;border-bottom:1px solid var(--tr-line);font-size:12px}.tr-breaking .tr-wrap{height:38px;display:flex;align-items:center;gap:15px}.tr-breaking strong{color:var(--tr-orange);font-size:11px}.tr-breaking span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-breaking a{margin-left:auto;text-decoration:none;color:var(--tr-orange);font-weight:800}.tr-header{background:#fff}.tr-header-grid{min-height:128px;display:grid;grid-template-columns:330px minmax(320px,680px) 1fr;gap:34px;align-items:center}.tr-logo{display:inline-flex;flex-wrap:wrap;align-items:baseline;width:max-content;text-decoration:none;font-weight:950;letter-spacing:-.065em;font-size:48px;line-height:.85;color:#111820}.tr-logo>span{color:var(--tr-orange)}.tr-logo small{flex-basis:100%;font-size:11px;line-height:1.35;letter-spacing:0;color:#565e68;font-weight:600;margin-top:13px}.tr-search{display:flex;height:48px;border:1px solid #dde2e8;border-radius:7px;box-shadow:0 3px 12px rgba(30,43,62,.04);overflow:hidden;background:#fff}.tr-search input{min-width:0;flex:1;border:0;padding:0 18px;outline:0;font:inherit;color:#20252b}.tr-search button{width:52px;border:0;border-left:1px solid #edf0f3;background:#fff;font-size:25px;color:#68717c;cursor:pointer}.tr-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:13px;font-weight:800}.tr-header-actions a{text-decoration:none}.tr-subscribe{background:var(--tr-orange);color:#fff!important;padding:13px 18px;border-radius:7px;box-shadow:0 7px 17px rgba(255,93,24,.2)}.tr-category-nav{background:#fff;border-top:1px solid #f1f2f4;border-bottom:1px solid var(--tr-line)}.tr-category-nav .tr-wrap{display:flex;align-items:center;overflow:auto;scrollbar-width:none}.tr-category-nav a{flex:none;text-decoration:none;padding:14px 16px;font-size:12px;font-weight:750;white-space:nowrap;position:relative}.tr-category-nav a.active,.tr-category-nav a:last-child{color:var(--tr-orange)}.tr-category-nav a.active:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:var(--tr-orange)}
.tr-ad{display:grid;place-items:center;border:1px solid #e1e4e8;background:#f0f1f3;color:#969ca4;font-size:13px;letter-spacing:.02em}.tr-ad-top{height:150px;margin:22px 0}.tr-ad-bottom{height:90px;margin:22px 0}.tr-ad-side{height:590px;border-radius:8px;background:linear-gradient(145deg,#fafafa,#f1f3f5);position:relative;overflow:hidden}.tr-ad-side:after{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,transparent 48%,rgba(100,120,140,.05) 49%,rgba(100,120,140,.05) 51%,transparent 52%);background-size:90px 90px}
.tr-hero-grid{display:grid;grid-template-columns:1.35fr 1.1fr;gap:14px;margin-bottom:44px}.tr-hero-main,.tr-hero-small{position:relative;overflow:hidden;border-radius:10px;background:#111;color:#fff;text-decoration:none;min-width:0}.tr-hero-main{min-height:520px}.tr-hero-main:after,.tr-hero-small:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.86) 100%)}.tr-hero-main img,.tr-hero-small img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.tr-hero-main>div{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.tr-hero-main h1{margin:0 0 12px;font-size:clamp(34px,3.2vw,54px);line-height:1.02;letter-spacing:-.04em;max-width:760px}.tr-hero-main p{max-width:720px;margin:0 0 12px;color:#edf1f4;font-size:15px;line-height:1.55}.tr-hero-main small{color:#c9cfd6}.tr-badge{position:absolute;z-index:3;left:14px;top:14px;background:#111820;color:#fff;font-size:10px;font-weight:900;padding:7px 9px;border-radius:5px}.tr-badge.orange{background:var(--tr-orange)}.tr-hero-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tr-hero-small{min-height:253px}.tr-hero-small h2{position:absolute;z-index:2;left:17px;right:17px;bottom:14px;margin:0;font-size:19px;line-height:1.12;letter-spacing:-.025em}
.tr-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.tr-main-column{min-width:0}.tr-section{margin-bottom:46px}.tr-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.tr-section-head h2{margin:0;font-size:22px;letter-spacing:-.03em}.tr-section-head p{margin:6px 0 0;color:var(--tr-muted);font-size:13px}.tr-section-head>a{font-size:12px;color:#4e5661;text-decoration:none}.tr-section-head>a:hover{color:var(--tr-orange)}.tr-card-grid{display:grid;gap:18px}.tr-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tr-card{min-width:0}.tr-card>a{text-decoration:none}.tr-card img{display:block;width:100%;height:170px;object-fit:cover;border-radius:8px;background:#dde3ea}.tr-card h3{font-size:16px;line-height:1.28;margin:11px 0 8px;letter-spacing:-.015em}.tr-card p{font-size:13px;line-height:1.48;color:#626a74;margin:0 0 9px}.tr-card small{font-size:11px;color:#9aa0a7}.tr-editor-card{position:relative}.tr-editor-card>span{position:absolute;z-index:2;left:8px;top:8px;background:var(--tr-orange);color:#fff;font-size:9px;font-weight:900;padding:5px 7px;border-radius:4px}.tr-compare-promo{display:grid;grid-template-columns:145px 56px 145px 1fr;gap:16px;align-items:center;min-height:230px;background:#fff;border:1px solid var(--tr-line);border-radius:10px;padding:26px;box-shadow:var(--tr-shadow)}.tr-phone-mini{height:166px;border-radius:22px;background:linear-gradient(155deg,#3d3d40,#dedede);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 14px 25px rgba(0,0,0,.15)}.tr-phone-mini.samsung{background:linear-gradient(155deg,#293349,#8295ba)}.tr-vs{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff0e8;color:var(--tr-orange);font-weight:950}.tr-compare-copy{display:grid;gap:11px}.tr-compare-copy strong{font-size:21px}.tr-compare-copy span{color:var(--tr-muted);font-size:13px}.tr-compare-copy a{width:max-content;text-decoration:none;background:var(--tr-orange);color:#fff;padding:11px 18px;border-radius:6px;font-size:12px;font-weight:900}.tr-catalog-preview,.tr-buy-preview{background:#fff;border:1px solid var(--tr-line);border-radius:10px;padding:26px;box-shadow:var(--tr-shadow)}.tr-product-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tr-product-demo{min-height:190px;border:1px solid #e7e9ed;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(150deg,#f4f7fb 0 52%,#fff 52%)}.tr-product-demo:before{content:"▯";font-size:65px;line-height:1;color:#9aa7b5;margin:auto;text-align:center}.tr-product-demo b{font-size:14px}.tr-product-demo span{font-size:11px;color:#9097a0;margin:4px 0 8px}.tr-product-demo strong{font-size:15px}.tr-store-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tr-store-row>div{border:1px solid #e6e9ed;border-radius:8px;padding:15px;display:grid;gap:12px;min-height:130px}.tr-store-row b{font-size:13px}.tr-store-row strong{font-size:12px;color:#68717a}.tr-store-row a{background:var(--tr-orange);color:#fff;text-decoration:none;text-align:center;padding:9px;border-radius:5px;font-size:11px;font-weight:900}.tr-bottom-grid{display:grid;grid-template-columns:.9fr 1.6fr .9fr;gap:20px}.tr-bottom-grid>div{background:#fff;border:1px solid var(--tr-line);border-radius:10px;padding:20px}.tr-bottom-grid h2{font-size:17px;margin:0 0 15px}.tr-list-link{display:grid;grid-template-columns:84px 1fr;gap:11px;align-items:center;padding:10px 0;border-top:1px solid #edf0f2;text-decoration:none;font-size:12px;line-height:1.35}.tr-list-link:first-of-type{border-top:0}.tr-list-link img{width:84px;height:58px;object-fit:cover;border-radius:6px}.tr-guide-box{background:linear-gradient(120deg,#eef6ff,#dfefff)!important;position:relative;overflow:hidden}.tr-guide-box:after{content:"▯";position:absolute;right:-20px;bottom:-50px;font-size:220px;color:#fff;opacity:.7;transform:rotate(15deg)}.tr-guide-box p,.tr-guide-box a{position:relative;z-index:2}.tr-guide-box p{max-width:65%;font-size:14px;line-height:1.55;color:#526171}.tr-guide-box a{font-size:12px;font-weight:900;color:#265f9c;text-decoration:none}.tr-sidebar{display:grid;gap:20px;position:sticky;top:12px}.tr-side-card{background:#fff;border:1px solid var(--tr-line);border-radius:9px;padding:18px}.tr-side-card h3{font-size:15px;margin:0 0 13px}.tr-side-card>a{display:grid;grid-template-columns:25px 1fr;gap:9px;padding:10px 0;border-top:1px solid #edf0f2;text-decoration:none;font-size:12px;line-height:1.35}.tr-side-card>a b{color:var(--tr-orange);font-size:15px}.tr-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;font-weight:850}.tr-brand-grid span{padding:8px 0}.tr-newsletter{margin-top:18px;margin-bottom:20px;min-height:190px;background:#111820;color:#fff;border-radius:10px;padding:34px 46px;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;position:relative;overflow:hidden}.tr-newsletter:after{content:"";position:absolute;width:280px;height:280px;right:-80px;top:-100px;border:1px solid rgba(255,93,24,.25);border-radius:50%;box-shadow:0 0 70px rgba(255,93,24,.13)}.tr-newsletter small{color:#b9c0c7;font-size:10px}.tr-newsletter h2{font-size:24px;line-height:1.2;max-width:560px;margin:8px 0 0}.tr-newsletter form{display:flex;position:relative;z-index:2}.tr-newsletter input{flex:1;min-width:0;border:0;border-radius:6px 0 0 6px;padding:14px 16px;outline:0}.tr-newsletter button{border:0;background:var(--tr-orange);color:#fff;padding:0 26px;border-radius:0 6px 6px 0;font-weight:900}.tr-footer{background:#131c24;color:#b6c0c8;margin-top:0}.tr-footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:38px;padding:50px 0 38px}.tr-logo-footer{color:#fff;font-size:36px}.tr-logo-footer+ p{max-width:330px;font-size:12px;line-height:1.6}.tr-footer-grid>div:not(:first-child){display:grid;align-content:start;gap:10px}.tr-footer-grid strong{color:#fff;font-size:11px}.tr-footer-grid a{color:#aeb8c1;text-decoration:none;font-size:11px}.tr-footer-bottom{border-top:1px solid #29343d;padding:18px 0 26px;font-size:10px}
/* Journal */
.tr-journal-page,.tr-search-page,.tr-catalog-page{padding:42px 0 70px}.tr-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px}.tr-page-head>div:first-child{max-width:920px}.tr-page-head>div:first-child>span{font-size:11px;color:var(--tr-orange);font-weight:950;letter-spacing:.1em}.tr-page-head h1{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.055em;margin:9px 0 13px}.tr-page-head p{margin:0;color:var(--tr-muted);line-height:1.6}.tr-page-stat{display:grid;min-width:150px;background:#fff;border:1px solid var(--tr-line);border-radius:10px;padding:14px 18px}.tr-page-stat b{font-size:28px}.tr-page-stat span{font-size:11px;color:var(--tr-muted)}.tr-chips,.tr-filter-strip{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 26px}.tr-chips a,.tr-filter-strip a{background:#fff;border:1px solid #e1e5ea;border-radius:999px;padding:8px 13px;text-decoration:none;font-size:12px;font-weight:750}.tr-filter-strip a.brand{background:#fff5ef;border-color:#ffd9c8}.tr-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tr-journal-card{background:#fff;border:1px solid var(--tr-line);border-radius:10px;overflow:hidden;box-shadow:var(--tr-shadow)}.tr-journal-card.wide{grid-column:span 2;display:grid;grid-template-columns:1.15fr 1fr}.tr-journal-image{display:block;position:relative;min-height:230px;background:#dde2e8}.tr-journal-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.tr-journal-image span{position:absolute;left:12px;top:12px;background:var(--tr-orange);color:#fff;padding:6px 8px;border-radius:4px;font-size:9px;font-weight:950}.tr-journal-copy{padding:19px}.tr-meta{display:flex;justify-content:space-between;gap:12px;color:#969ca5;font-size:10px;text-transform:uppercase}.tr-journal-copy h2{font-size:20px;line-height:1.16;margin:10px 0}.tr-journal-card.wide h2{font-size:27px}.tr-journal-copy h2 a{text-decoration:none}.tr-journal-copy p{font-size:13px;line-height:1.55;color:#656d77}.tr-card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#9aa0a8;font-size:10px}.tr-card-bottom a{color:var(--tr-orange);text-decoration:none;font-weight:900;font-size:11px}.tr-empty{background:#fff;border:1px dashed #cfd5dd;border-radius:10px;padding:30px;display:grid;gap:5px;color:#5d6670}.tr-empty b{color:#252a31;font-size:18px}
/* Article */
.tr-article-shell{width:100%;margin:0;padding:25px 24px 70px;box-sizing:border-box}.tr-breadcrumb{display:flex;gap:9px;align-items:center;font-size:11px;color:#8b929b;margin:10px 0 34px}.tr-breadcrumb a{text-decoration:none}.tr-article>header{max-width:1040px;margin:0 auto 25px}.tr-article-kicker{color:var(--tr-orange);font-size:11px;font-weight:950;letter-spacing:.1em}.tr-article h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:12px 0 20px}.tr-article-lead{font-size:20px;line-height:1.5;color:#5e6670;max-width:900px}.tr-article-info{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#939aa3}.tr-article-cover{display:block;width:100%;height:auto;max-height:690px;object-fit:cover;border-radius:11px;background:#ddd}.tr-article-layout{display:grid;grid-template-columns:110px minmax(0,760px) 230px;justify-content:center;gap:35px;margin-top:36px}.tr-share{display:grid;align-content:start;gap:8px;position:sticky;top:20px;height:max-content}.tr-share span{font-size:10px;color:#8a929a}.tr-share button{width:36px;height:36px;border:1px solid #dfe4e8;border-radius:50%;background:#fff}.tr-article-content{font-size:18px;line-height:1.75}.tr-article-content p{margin:0 0 1.35em}.tr-article-content h2{font-size:31px;letter-spacing:-.03em;margin:1.5em 0 .55em}.tr-article-content strong{color:#222}.tr-source-note{margin-top:35px;background:#fff5ef;border-left:3px solid var(--tr-orange);padding:18px 20px;font-size:13px;line-height:1.55;color:#626a73}.tr-article-aside{display:grid;align-content:start;gap:10px;background:#fff;border:1px solid var(--tr-line);border-radius:9px;padding:17px;height:max-content}.tr-article-aside b{font-size:13px}.tr-article-aside a{font-size:12px;line-height:1.35;text-decoration:none;padding-top:9px;border-top:1px solid #edf0f2}
/* Search */
.tr-search-results{display:grid;gap:12px;max-width:1000px}.tr-search-results article{background:#fff;border:1px solid var(--tr-line);border-radius:9px;padding:22px 25px}.tr-search-results article>div{display:flex;gap:10px;color:#969ca5;font-size:10px;text-transform:uppercase}.tr-search-results article>div span{color:var(--tr-orange);font-weight:900}.tr-search-results h2{font-size:24px;margin:9px 0}.tr-search-results h2 a{text-decoration:none}.tr-search-results p{color:#646d76;line-height:1.55;margin:0 0 12px}.tr-search-results article>a{color:var(--tr-orange);font-size:11px;font-weight:900;text-decoration:none}.tr-alert{background:#fff1f1;border:1px solid #ffc7c7;color:#9b3333;padding:13px 16px;border-radius:8px;margin:15px 0}.tr-suggest{margin-top:26px}.tr-suggest h2{font-size:17px}.tr-suggest>div{display:flex;gap:9px;flex-wrap:wrap}.tr-suggest a{background:#fff;border:1px solid var(--tr-line);padding:8px 12px;border-radius:999px;text-decoration:none;font-size:12px}
/* Catalog */
.tr-orange-button{display:inline-flex;background:var(--tr-orange);color:#fff!important;text-decoration:none;padding:12px 17px;border-radius:6px;font-size:12px;font-weight:900}.tr-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tr-product-card,.tr-compare-grid>article{background:#fff;border:1px solid var(--tr-line);border-radius:10px;padding:17px;box-shadow:var(--tr-shadow)}.tr-product-visual{height:210px;border-radius:8px;background:linear-gradient(145deg,#eef2f7,#e2e8f1 58%,#f8e9e0);display:grid;place-items:center;font-size:48px;font-weight:950;color:#8b98a8}.tr-product-card small,.tr-compare-grid small{display:block;color:#949ba4;margin:12px 0 5px;font-size:10px}.tr-product-card h2,.tr-compare-grid h2{font-size:18px;margin:0 0 8px}.tr-product-card h2 a{text-decoration:none}.tr-product-card p{font-size:12px;line-height:1.5;color:#69717b;min-height:55px}.tr-product-card>div:last-child{display:flex;justify-content:space-between;gap:10px}.tr-product-card>div:last-child a,.tr-compare-grid article>a{color:var(--tr-orange);font-size:11px;text-decoration:none;font-weight:900}.tr-compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tr-compare-grid dl{display:grid;grid-template-columns:1fr 1fr;font-size:11px}.tr-compare-grid dt,.tr-compare-grid dd{padding:8px 0;border-bottom:1px solid #edf0f2}.tr-compare-grid dd{margin:0;font-weight:800}.tr-product-page{width:min(1280px,94vw);padding-top:34px}.tr-product-page .product-hero,.tr-product-page .product-content-grid,.tr-product-page .offers-section{background:#fff;border-color:var(--tr-line);box-shadow:var(--tr-shadow)}
/* Account public pages: remove legacy black look */
.account-body{background:var(--tr-bg)!important;color:#171a1f!important;color-scheme:light!important}.account-shell,.account-dashboard{color:#171a1f!important}.account-logo{color:#151a20!important}.account-card,.account-panel,.account-welcome{background:#fff!important;border:1px solid var(--tr-line)!important;box-shadow:var(--tr-shadow)!important}.account-card h1,.account-welcome h1,.account-panel h2{color:#171a1f!important}.account-kicker{color:var(--tr-orange)!important}.account-form label,.account-panel dt,.account-panel p,.account-welcome p{color:#656d77!important}.account-form input{background:#f7f8fa!important;color:#171a1f!important;border:1px solid #dfe4e9!important}.account-button{background:var(--tr-orange)!important;color:#fff!important}.account-plain-button,.resend-form button{background:#fff!important;color:#333!important;border:1px solid #dfe4e9!important}.muted-panel{background:#f8f9fb!important}
@media(max-width:1180px){.tr-header-grid{grid-template-columns:250px 1fr auto}.tr-logo{font-size:40px}.tr-content-layout{grid-template-columns:1fr}.tr-sidebar{grid-template-columns:1fr 1fr;position:static}.tr-ad-side{display:none}.tr-card-grid.four,.tr-product-row,.tr-product-grid{grid-template-columns:repeat(2,1fr)}.tr-footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.tr-footer-grid>div:nth-child(n+4){display:none}.tr-article-layout{grid-template-columns:70px minmax(0,760px)}.tr-article-aside{display:none}}
@media(max-width:820px){.tr-utility{display:none}.tr-breaking .tr-wrap{height:34px}.tr-header-grid{grid-template-columns:1fr auto;min-height:95px;gap:15px}.tr-logo{font-size:36px}.tr-logo small{display:none}.tr-search{grid-column:1/-1;grid-row:2;margin-bottom:13px}.tr-header-actions>a:first-child{display:none}.tr-category-nav a{padding:12px}.tr-ad-top{height:88px}.tr-hero-grid{grid-template-columns:1fr}.tr-hero-main{min-height:420px}.tr-hero-side{grid-template-columns:1fr 1fr}.tr-hero-small{min-height:210px}.tr-content-layout{display:block}.tr-sidebar{display:none}.tr-card-grid.four,.tr-product-row,.tr-store-row,.tr-product-grid{grid-template-columns:1fr 1fr}.tr-compare-promo{grid-template-columns:1fr 50px 1fr}.tr-compare-copy{grid-column:1/-1}.tr-bottom-grid{grid-template-columns:1fr}.tr-newsletter{grid-template-columns:1fr;padding:28px}.tr-footer-grid{grid-template-columns:1fr 1fr}.tr-footer-grid>div:nth-child(n+3){display:none}.tr-journal-grid{grid-template-columns:1fr 1fr}.tr-journal-card.wide{grid-column:1/-1}.tr-page-head{align-items:flex-start;flex-direction:column}.tr-page-stat{display:none}.tr-article h1{font-size:48px}.tr-article-layout{grid-template-columns:1fr}.tr-share{display:none}.tr-compare-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tr-wrap{width:min(94vw,520px)}.tr-header-actions .tr-subscribe{padding:10px 12px}.tr-hero-main{min-height:370px}.tr-hero-main>div{left:18px;right:18px;bottom:18px}.tr-hero-main h1{font-size:30px}.tr-hero-main p{display:none}.tr-hero-side{grid-template-columns:1fr}.tr-hero-small{min-height:230px}.tr-card-grid.four,.tr-product-row,.tr-store-row,.tr-product-grid,.tr-journal-grid,.tr-compare-grid{grid-template-columns:1fr}.tr-journal-card.wide{display:block}.tr-journal-card.wide .tr-journal-image{min-height:250px}.tr-bottom-grid{gap:12px}.tr-newsletter form{display:grid;grid-template-columns:1fr}.tr-newsletter input,.tr-newsletter button{border-radius:6px;height:46px}.tr-footer-grid{grid-template-columns:1fr}.tr-footer-grid>div:not(:first-child){display:none}.tr-article h1{font-size:38px}.tr-article-lead{font-size:17px}.tr-article-content{font-size:16px}.tr-page-head h1{font-size:40px}.tr-compare-promo{padding:18px}.tr-phone-mini{height:140px}}
/* Feeds Stage 4 admin */
.feed-mapping-label{grid-column:1/-1}.feed-mapping-label textarea,.feed-edit textarea{width:100%;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.feed-upload{display:grid;gap:7px;margin:8px 0}.feed-upload input{max-width:240px}.feed-edit{display:grid;gap:7px;margin-top:10px;min-width:300px}.feed-edit input,.feed-edit select,.feed-edit textarea{background:#0d1e29;border:1px solid #294151;border-radius:5px;color:#eaf5f6;padding:8px}.danger-text{color:#ff9191!important}
.tr-error-light{min-height:55vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 0}.tr-error-light>span{color:var(--tr-orange);font-weight:950;letter-spacing:.15em}.tr-error-light h1{font-size:clamp(38px,6vw,72px);letter-spacing:-.05em;margin:8px 0 12px}.tr-error-light p{color:#6c747e;margin:0 0 22px}

/* Iteration 011d — one continuous 1460px white sheet (header + column + footer) */
:root{--tr-canvas:1460px;--tr-side-bg:#f3eee6}
html:has(.tr-body),.tr-body{background:var(--tr-side-bg)!important}
.tr-canvas{
  width:min(var(--tr-canvas),100%);
  max-width:var(--tr-canvas);
  margin:0 auto;
  background:#fff;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  box-shadow:0 0 0 1px rgba(20,28,36,.04);
}
.tr-utility,.tr-header,.tr-category-nav,.tr-breaking,.tr-body main,.tr-footer{
  width:100%;
  max-width:none;
  margin:0;
}
.tr-body main{flex:1 0 auto;background:#fff}
.tr-utility,.tr-header,.tr-category-nav{background:#fff}
.tr-breaking{background:#fafbfc}
.tr-footer{background:#131c24;margin-top:auto}
.tr-wrap{width:100%;max-width:none;margin:0;padding-left:24px;padding-right:24px;box-sizing:border-box}
@media(max-width:760px){.tr-wrap{padding-left:16px;padding-right:16px}}

.admin-logout{margin-left:8px}.admin-logout button{white-space:nowrap}

.favorite-form{display:inline}.account-mini-nav{display:flex;gap:16px}.account-mini-nav a{color:#4d5660;text-decoration:none}


/* Iteration 013 — homepage overlays + light admin/cabinet canvas */
.tr-hero-main h1{font-size:clamp(22px,2.4vw,34px);line-height:1.15;letter-spacing:-.03em;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tr-hero-main p{display:none}
.tr-hero-small h2{font-size:15px;line-height:1.2;letter-spacing:-.02em;font-weight:750;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tr-overlay-card{position:relative;min-width:0}
.tr-overlay-card>a{position:relative;display:block;min-height:210px;border-radius:10px;overflow:hidden;color:#fff;text-decoration:none}
.tr-overlay-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tr-overlay-card>a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 30%,rgba(0,0,0,.82) 100%)}
.tr-overlay-card h3{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;margin:0;color:#fff;font-size:15px;line-height:1.2;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tr-overlay-card .tr-badge{z-index:3}
.tr-editor-card>span{display:none}
.tr-product-demo{text-decoration:none;color:inherit}

html:has(.account-body),html:has(.admin-body){background:var(--tr-side-bg,#f3eee6)!important}
body.account-body,body.admin-body{
  color-scheme:light;
  background:var(--tr-side-bg,#f3eee6)!important;
  color:#17191d;
  min-height:100vh;
  display:block;
  padding:0;
  place-items:unset;
}
body.account-body .tr-canvas,body.admin-body .tr-canvas,body.admin-body.tr-body{
  width:min(var(--tr-canvas,1460px),100%);
  max-width:var(--tr-canvas,1460px);
  margin:0 auto;
  background:#fff;
  min-height:100vh;
  box-shadow:0 0 0 1px rgba(20,28,36,.04);
}
.account-dashboard,.account-shell{width:auto;max-width:none;margin:0;padding:28px 24px 70px}
.account-card,.account-panel,.account-welcome{box-shadow:none}
.account-logo{color:#17191d}
.account-logo span,.tr-logo span{color:#ff6a00}

.admin-header{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:14px 24px;
  border-bottom:1px solid #ece7df;
  background:#fff;
  color:#17191d;
}
.admin-header .brand{color:#17191d;letter-spacing:-.04em;font-size:20px;text-transform:none}
.admin-header .brand span{color:#ff6a00}
.admin-nav a,.admin-user{color:#4d5660;text-decoration:none;font-size:14px}
.admin-nav a:hover{color:#17191d}
.admin-user{margin-left:auto}
.admin-logout button{background:#fff;color:#17191d;border:1px solid #d9dde3}
.admin-shell{max-width:none;margin:0;padding:28px 24px 64px;color:#17191d;background:#fff}
.admin-page-head p{color:#626a74}
.admin-table-wrap{border:1px solid #e6e9ee;background:#fff}
.admin-table th,.admin-table td{border-bottom:1px solid #eef1f4;color:#17191d}
.admin-table th{background:#faf8f4;color:#626a74}
.admin-card,.status-panel,.empty-state{
  background:#fff;
  border:1px solid #e6e9ee;
  color:#17191d;
}
.admin-card h1,.admin-shell h1{color:#17191d;font-size:clamp(28px,4vw,42px)}
.admin-card p,.module-list{color:#626a74}
.admin-login{margin:48px auto;width:min(520px,92vw)}
.admin-form input,.admin-form select,.admin-form textarea,
.feed-edit input,.feed-edit select,.feed-edit textarea{
  background:#fff;border:1px solid #d9dde3;color:#17191d;border-radius:8px;padding:10px 12px
}
.button{background:#ff6a00;color:#fff;border:0}
.button-ghost{background:#fff;color:#17191d;border:1px solid #d9dde3}
.admin-footer-mini{padding:16px 24px;border-top:1px solid #ece7df;color:#8a9098;font-size:13px;background:#fff}

/* Iteration 013a — hero grid titles stay white over photos */
.tr-body a.tr-hero-main,
.tr-body a.tr-hero-small,
.tr-hero-main,
.tr-hero-small,
.tr-hero-main h1,
.tr-hero-main small,
.tr-hero-small h2{
  color:#fff !important;
}
.tr-hero-main:after,.tr-hero-small:after{
  background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.78) 100%);
}

.tr-ad-slot{display:flex;flex-direction:column;gap:4px;margin:0 0 18px;padding:16px 18px;border:1px dashed #e0d8cc;border-radius:10px;background:#faf8f4;text-decoration:none;color:#17191d}
.tr-ad-slot small{color:#ff6a00;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tr-ad-slot strong{font-size:16px;letter-spacing:-.02em}
.tr-ad-slot span{color:#626a74;font-size:13px}
.tr-sidebar .tr-ad-slot{margin-bottom:16px}

.tr-ad-product-card{background:#faf8f4;border:1px dashed #e0d8cc;min-height:220px;display:flex;align-items:stretch}
.tr-ad-product-card .tr-ad-slot{margin:0;border:0;background:transparent;width:100%;justify-content:center}

.tr-media-kit{padding-bottom:48px}
.tr-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tr-media-grid article{border:1px solid #ece7df;border-radius:12px;padding:18px 18px 16px;background:#fff}
.tr-media-grid h3{margin:0 0 8px;font-size:18px;letter-spacing:-.02em}
.tr-media-grid p{margin:0 0 10px;color:#626a74;font-size:14px;line-height:1.45}
.tr-media-grid small{color:#9aa0a7;font-size:11px}
.tr-media-note ol{margin:0 0 16px;padding-left:20px;color:#3d4650;line-height:1.55}
.tr-media-note a{color:#ff6a00}
@media(max-width:900px){.tr-media-grid{grid-template-columns:1fr}}

.tr-media-kit .tr-slot-wide,.tr-media-kit .tr-slot-article,.tr-media-kit .tr-slot-split figure{margin:0 0 16px}
.tr-media-kit figure img{display:block;width:100%;height:auto;background:#17191d;border-radius:14px}
.tr-media-kit figcaption{margin-top:8px;color:#6c747e;font-size:13px}
.tr-slot-split{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:center;margin-bottom:18px}
.tr-slot-split figure img{width:100%;max-width:300px}
.tr-slot-article{max-width:760px}
.tr-slot-copy h3{margin:0 0 8px}
.tr-slot-copy p{margin:0;color:#626a74;line-height:1.5}
.tr-media-cta{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px 0 10px}
.tr-contacts{min-height:56vh;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.tr-contacts-box{text-align:center;max-width:640px}
.tr-contacts-box span{color:#ff6a00;font-size:12px;font-weight:800;letter-spacing:.16em}
.tr-contacts-box h1{margin:12px 0 18px;font-size:clamp(32px,5vw,52px);letter-spacing:-.04em}
.tr-contacts-mail{display:inline-block;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.03em;color:#17191d;text-decoration:none;border-bottom:3px solid #ff6a00}
.tr-contacts-box p{margin:18px auto 0;color:#626a74;line-height:1.5;max-width:460px}
@media(max-width:800px){.tr-slot-split{grid-template-columns:1fr}}

.tr-search{position:relative}
.tr-suggest-box{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid #ece7df;border-radius:12px;box-shadow:0 16px 40px rgba(20,28,36,.12);padding:8px;max-height:min(70vh,420px);overflow:auto}
.tr-suggest-box section{padding:6px 4px 8px}
.tr-suggest-box p{margin:0 8px 6px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#9aa0a7;text-transform:uppercase}
.tr-suggest-box a{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;text-decoration:none;color:#17191d}
.tr-suggest-box a:hover{background:#faf8f4}
.tr-suggest-box strong{font-size:14px}
.tr-suggest-box span{font-size:12px;color:#6c747e}
.tr-about{padding-bottom:56px}
.tr-about-hero{padding:28px 0 10px;max-width:820px}
.tr-about-hero span{color:#ff6a00;font-size:12px;font-weight:800;letter-spacing:.16em}
.tr-about-hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.045em;line-height:1.05;margin:12px 0 16px}
.tr-about-hero p{color:#4d5660;font-size:18px;line-height:1.5;margin:0}
.tr-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}
.tr-about-grid article{border:1px solid #ece7df;border-radius:14px;padding:20px}
.tr-about-grid h2{margin:0 0 12px;font-size:20px}
.tr-about-grid ul{margin:0;padding-left:18px;color:#4d5660;line-height:1.55}
.tr-about-strip{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:22px 0;border-top:1px solid #ece7df}
.tr-about-strip h2{margin:0 0 8px}
.tr-about-strip p{margin:0;max-width:620px;color:#4d5660;line-height:1.5}
.tr-about-links{display:flex;flex-wrap:wrap;gap:10px}
.tr-about-links a{text-decoration:none;border:1px solid #ece7df;border-radius:999px;padding:8px 14px;color:#17191d}
@media(max-width:900px){.tr-about-grid,.tr-about-strip{grid-template-columns:1fr;display:grid}}

.tr-search-group{margin:0 0 28px}
.tr-search-group h2{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#8a9098;margin:0 0 12px}
.tr-search-brands{display:flex;flex-wrap:wrap;gap:8px}
.tr-search-brands a{border:1px solid #ece7df;border-radius:999px;padding:8px 14px;text-decoration:none;color:#17191d}

.admin-nav{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.admin-form-grid .span-2{grid-column:1/-1}
.admin-hint{margin:12px 0 0;color:#6c747e;font-size:13px}
.admin-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-home-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #ece7df;border-radius:14px;text-decoration:none;color:#17191d;background:#fff}
.admin-home-card:hover{border-color:#ff6a00}
.admin-home-card span{color:#6c747e;font-size:13px}
.notice-ok{background:#eef8ee;border:1px solid #cfe6cf;color:#215c21;padding:10px 12px;border-radius:10px;margin:0 0 16px}
@media(max-width:900px){.admin-form-grid,.admin-home-grid{grid-template-columns:1fr}}

.tr-compare-table-wrap{overflow:auto;border:1px solid #ece7df;border-radius:14px}
.tr-compare-table{width:100%;border-collapse:collapse;min-width:640px}
.tr-compare-table th,.tr-compare-table td{padding:12px 14px;border-bottom:1px solid #f0ece4;text-align:left;vertical-align:top}
.tr-compare-table thead th{background:#faf8f4}
.tr-compare-table thead small{display:block;color:#8a9098}
.tr-compare-table tbody th{width:22%;color:#626a74;font-weight:600}

.tr-product-visual img,.product-big-placeholder img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}

.tr-cookie{position:sticky;bottom:0;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 20px;background:#17191d;color:#fff;z-index:20}
.tr-cookie a{color:#ffb087}
.tr-cookie button{border:0;background:#ff6a00;color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer}

.tr-chips a.is-on{background:#17191d;color:#fff;border-color:#17191d}

.tr-chips-soft a{background:#faf8f4}

.tr-product-demo img{width:100%;height:120px;object-fit:cover;border-radius:10px;margin-bottom:8px;display:block}

.product-gallery{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.product-gallery img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #ece7df}

.tr-related-products{margin:24px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tr-related-products h2{width:100%;font-size:18px;margin:0}
.tr-related-products a{border:1px solid #ece7df;border-radius:10px;padding:8px 12px;text-decoration:none;color:#17191d}

.media-pick{display:flex;flex-wrap:wrap;gap:8px 14px}
.media-pick label{font-size:13px}

.tr-related-cards{margin:28px 0 8px}
.tr-related-cards h2{font-size:22px;margin:0 0 14px}
.tr-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (min-width:900px){.tr-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tr-related-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#17191d;background:#fff;border:1px solid #ece7df;border-radius:14px;overflow:hidden}
.tr-related-card img{width:100%;height:140px;object-fit:cover;display:block;background:#ece7df}
.tr-related-card span{padding:0 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7a7368}
.tr-related-card b{padding:0 12px 12px;font-size:15px;line-height:1.3}

.article-toc{margin:0 0 28px;background:#fff;border:1px solid #ece7df;border-radius:16px;overflow:hidden}
.article-toc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;font-weight:800;font-size:18px;cursor:pointer;list-style:none}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc summary small{margin-left:auto;color:#8b929b;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.article-toc ol{list-style:none;margin:0;padding:0 16px 16px;display:grid;gap:6px}
.article-toc a{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:12px;text-decoration:none;color:#2a2d31}
.article-toc a:hover{background:#fff6ef}
.article-toc a span{color:#ff7a18;font-weight:800;font-variant-numeric:tabular-nums}
.article-toc .lvl-3 a{padding-left:22px;font-size:15px}
.tr-article-content h2{font-size:31px;letter-spacing:-.03em;margin:1.6em 0 .5em;padding:12px 0 10px;border-top:1px solid #ece7df}
.tr-article-content h3{font-size:22px;margin:1.3em 0 .4em;color:#2a2d31}
.tr-article-content h2:first-child{border-top:0;margin-top:0}

.tr-article-content img{max-width:100%;height:auto;border-radius:12px;margin:12px 0;display:block}
.tr-article-content figure{margin:18px 0}
.tr-article-content figcaption{font-size:13px;color:#6b727a;margin-top:6px}
.tr-article-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:16px;background:#fff}
.tr-article-content th,.tr-article-content td{border:1px solid #ece7df;padding:10px 12px;text-align:left;vertical-align:top}
.tr-article-content th{background:#fff6ef;font-weight:800}
.tr-article-content tbody tr:nth-child(even) td{background:#faf8f5}


/* Catalog filters 072 */
.tr-catalog-page{padding:36px 0 70px}
.tr-catalog-toolbar{display:flex;align-items:center;gap:16px;margin:8px 0 18px;flex-wrap:wrap}
.tr-catalog-meta{color:#6b7280;font-size:14px}
.tr-catalog-meta strong{color:#111827}
.tr-catalog-sort label{display:flex;align-items:center;gap:8px;color:#4b5563;font-size:13px}
.tr-catalog-sort select{border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;background:#fff;font:inherit}
.tr-catalog-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.tr-filters-backdrop{display:none}
.tr-filters{grid-column:1;position:sticky;top:16px;z-index:25;overflow:visible;background:#fff;border:1px solid #ece8e1;border-radius:18px;padding:18px 16px 16px;box-shadow:0 10px 30px rgba(28,25,23,.04)}
.tr-catalog-results{grid-column:2;min-width:0}
.tr-filters-head{display:none}
.tr-filters form{display:flex;flex-direction:column}
.tr-filters .tr-filter-block{padding:14px 0}
.tr-filters .tr-filter-block+.tr-filter-block{border-top:3px double #d7d0c6}
.tr-filters section h3,.tr-filter-block h3{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:none;color:#111827}
.tr-filters small{display:block;margin-top:8px;color:#9ca3af;line-height:1.4}
.tr-filters .is-wait{opacity:.85}
.tr-filter-checks{display:grid;gap:6px}
.tr-filter-checks label{display:flex;align-items:center;gap:8px;font-size:14px;color:#1f2937;cursor:pointer}
.tr-filter-checks input{width:16px;height:16px;accent-color:#111827}
.tr-filters-toggle{position:absolute;opacity:0;pointer-events:none}
.tr-filter-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tr-filter-range input{width:100%;border:1px solid #d9d3cb;border-radius:6px;padding:8px 10px;font:inherit}
.tr-filter-flyout{position:relative;margin-top:10px}
.tr-filter-flyout summary{list-style:none;cursor:pointer;border:1px solid #d9d3cb;border-radius:6px;padding:8px 12px;font-size:13px;background:#fff;display:flex;justify-content:space-between;align-items:center}
.tr-filter-flyout summary::-webkit-details-marker{display:none}
.tr-filter-flyout summary:after{content:'▸';color:#6b7280}
.tr-filter-flyout[open] summary:after{content:'▾'}
.tr-filter-flyout-panel{position:fixed;z-index:80;width:min(560px,58vw);max-height:min(70vh,640px);overflow:auto;background:#fff;border:1px solid #e5e0d8;border-radius:12px;box-shadow:0 18px 50px rgba(17,24,39,.16);padding:14px}
.tr-filter-flyout-q{width:100%;border:1px solid #d9d3cb;border-radius:8px;padding:8px 10px;margin-bottom:12px;font:inherit}
.tr-filter-flyout-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}
.tr-filter-letter b{display:block;margin-bottom:6px;color:#9ca3af;font-size:12px}
.tr-filter-letter label{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:13px}
.tr-filters-actions{display:flex;gap:10px;align-items:center;position:sticky;bottom:0;background:linear-gradient(#fff0,#fff 30%,#fff);padding-top:8px}
.tr-filters-reset{color:#6b7280;font-size:14px}
.tr-filters-open{display:none}
.tr-product-price{margin:6px 0 2px;font-weight:700;color:#111827}
.tr-filter-strip a.is-on{background:#111827;color:#fff}
@media(max-width:980px){
  .tr-catalog-layout{grid-template-columns:1fr}
  .tr-filters-open{display:inline-flex;align-items:center;gap:8px;border:1px solid #e7e0d6;background:#fff;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer}
  .tr-filters-open b{background:#ff5d18;color:#fff;border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;padding:0 6px}
  .tr-filters{grid-column:1;position:fixed;inset:auto 0 0 0;z-index:40;max-height:86vh;overflow:auto;border-radius:22px 22px 0 0;transform:translateY(110%);transition:transform .25s ease;box-shadow:0 -20px 60px rgba(0,0,0,.18)}
  .tr-catalog-results{grid-column:1}
  .tr-filters-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
  .tr-filters-head label{color:#6b7280;cursor:pointer}
  .tr-filters-backdrop{display:none;position:fixed;inset:0;background:rgba(17,24,39,.35);z-index:39}
  .tr-filters-toggle:checked~.tr-catalog-layout .tr-filters{transform:none}
  .tr-filters-toggle:checked~.tr-catalog-layout .tr-filters-backdrop{display:block}
  body:has(.tr-filters-toggle:checked){overflow:hidden}
  .tr-filter-flyout-panel{position:static;width:100%;max-height:50vh;margin-top:8px;box-shadow:none}
  .tr-filter-flyout-cols{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .tr-filter-checks.compact{grid-template-columns:1fr}
  .tr-catalog-toolbar{gap:10px}
  .tr-catalog-sort{width:100%}
  .tr-catalog-sort select{width:100%}
}