:root{ --navy:#1B2A4A; --orange:#E8630A; --paper:#FDFDFC; --line:#E5E4E0; --mut:#787C82; --ink:#1C1D20; }
  *{box-sizing:border-box}
  body{margin:0; background:var(--paper); font-family:'Poppins',Arial,sans-serif; color:var(--ink); -webkit-font-smoothing:antialiased;}
  .simbar{background:#111214; color:#fff; font-size:10.5px; letter-spacing:.14em; text-align:center; padding:8px; text-transform:uppercase; font-weight:500;}
  .simbar b{color:#F2A868; font-weight:600;}
  .masthead{padding:44px 22px 38px; color:#fff; background:var(--navy); position:relative;}
  .masthead::after{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--orange);}
  .masthead.compact{padding:22px 22px 18px;}
  .masthead.neutral{background:#2E3A3A;}
  .masthead.neutral::after{background:#3E6B6B;}
  .masthead .inner{max-width:680px; margin:0 auto;}
  .mast-row{display:flex; justify-content:space-between; align-items:flex-end; gap:20px;}
  .brand{font-size:10px; letter-spacing:.3em; text-transform:uppercase; font-weight:600; color:#F2A868; margin-bottom:12px;}
  .masthead.neutral .brand{color:#9CC5C5;}
  .masthead h1{margin:0; font-weight:500; font-size:27px; letter-spacing:0; line-height:1.25;}
  .masthead.compact h1{font-size:17px;}
  .counter{font-size:11.5px; letter-spacing:.26em; color:#8E99AE; white-space:nowrap; padding-bottom:3px; font-weight:500;}
  .masthead.neutral .counter{color:#9CB5B5;}
  .wrap{max-width:720px; margin:36px auto 80px; padding:0 18px;}
  .cards{display:grid; gap:1px; background:var(--line); border:1px solid var(--line);}
  .card{background:#fff; padding:26px 30px; cursor:pointer; transition:background .15s; position:relative;}
  .card::before{content:""; position:absolute; left:0; top:0; bottom:0; width:0; background:var(--orange); transition:width .16s;}
  .card:hover{background:#FAFAF9;}
  .card:hover::before{width:3px;}
  .card.n::before{background:#3E6B6B;}
  .card h2{font-size:18.5px; font-weight:500; margin:0 0 4px;}
  .card .tag{font-size:10px; letter-spacing:.26em; text-transform:uppercase; font-weight:600; color:var(--orange);}
  .card.n .tag{color:#3E6B6B;}
  .card p{font-size:13px; color:var(--mut); margin:8px 0 0; line-height:1.6; font-weight:400;}
  .note{font-size:13px; color:var(--mut); background:#fff; border:1px solid var(--line); padding:18px 20px; margin-bottom:26px; line-height:1.7;}
  .note b{color:var(--ink); font-weight:600;}
  .back{font-size:11px; letter-spacing:.18em; text-transform:uppercase; cursor:pointer; color:var(--mut); display:inline-block; margin-bottom:12px; font-weight:500;}
  .back:hover{color:var(--orange);}
  .result{background:#fff; border:1px solid var(--line); padding:30px 32px;}
  .result h2{font-weight:500; margin:0 0 8px; font-size:22px;}
  .result p{font-size:13.5px; color:var(--mut); line-height:1.65;}
  pre{background:#14202E; color:#D8E2F0; padding:18px; overflow:auto; font-size:12px; line-height:1.55;}
  .cdnerr{display:none;}