/* Start:/local/templates/namesam/template_styles.css?17736664836369*/
    *, *::before, *::after { box-sizing: border-box; }
    body { margin:0; font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:#121212; color:#f2f2f2; line-height:1.7; }
    a { color:#d4831f; text-decoration:none; }
    a:hover { text-decoration:underline; }
    header { background:#181818; border-bottom:1px solid #2b2b2b; position:sticky; top:0; z-index:200; }
    .container { max-width:1080px; margin:0 auto; padding:0 20px; }
    .topbar { display:flex; justify-content:space-between; align-items:center; padding:14px 0; }
    .logo { font-weight:800; font-size:1.1rem; letter-spacing:0.08em; text-transform:uppercase; color:#d4831f; }
    .nav-desktop { display:flex; flex-wrap:wrap; gap:4px; }
    .nav-desktop a { padding:6px 12px; font-size:0.9rem; border-radius:4px; color:#ccc; transition:background 0.2s; }
    .nav-desktop a:hover { background:#2b2b2b; color:#f2f2f2; text-decoration:none; }
    .burger { display:none; flex-direction:column; justify-content:center; gap:5px; width:36px; height:36px; cursor:pointer; padding:4px; background:none; border:none; }
    .burger span { display:block; width:100%; height:2px; background:#f2f2f2; border-radius:2px; transition:transform 0.3s,opacity 0.3s; }
    .burger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .burger.open span:nth-child(2) { opacity:0; }
    .burger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
    .nav-mobile { display:none; flex-direction:column; background:#181818; border-top:1px solid #2b2b2b; padding:8px 0 16px; }
    .nav-mobile.open { display:flex; }
    .nav-mobile a { padding:12px 20px; font-size:1rem; color:#ccc; border-bottom:1px solid #222; }
    .nav-mobile a:hover { background:#222; color:#f2f2f2; text-decoration:none; }
    .nav-mobile a:last-child { border-bottom:none; }
    @media(max-width:768px){ .nav-desktop{display:none;} .burger{display:flex;} }
    .hero { padding:48px 0 36px; border-bottom:1px solid #2b2b2b; }
    .hero-label { font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase; color:#d4831f; margin-bottom:12px; }
    .hero-title { font-size:2rem; font-weight:800; line-height:1.25; margin-bottom:16px; max-width:820px; }
    .hero-subtitle { font-size:1rem; color:#bbb; margin-bottom:24px; max-width:680px; }
    .hero-buttons { display:flex; flex-wrap:wrap; gap:10px; }
    .btn { display:inline-block; padding:10px 20px; border-radius:4px; font-size:0.95rem; font-weight:600; cursor:pointer; transition:opacity 0.2s; }
    .btn:hover { opacity:0.85; text-decoration:none; }
    .btn-primary { background:#d4831f; color:#121212; }
    .btn-secondary { border:1px solid #444; color:#f2f2f2; background:transparent; }
    .section { padding:32px 0; border-bottom:1px solid #2b2b2b; }
    .section-label { font-size:0.75rem; letter-spacing:0.12em; text-transform:uppercase; color:#888; margin-bottom:8px; }
    h2 { font-size:1.5rem; font-weight:700; margin:0 0 16px; }
    h3 { font-size:1.1rem; font-weight:700; margin:24px 0 8px; color:#e8e8e8; }
    h4 { font-size:0.95rem; font-weight:700; margin:20px 0 6px; color:#ddd; }
    p { margin:0 0 12px; }
    ul,ol { padding-left:20px; margin:0 0 12px; }
    li { margin-bottom:6px; }
    .highlight { background:#1a1a1a; padding:20px; border-radius:6px; border:1px solid #2f2f2f; margin-bottom:16px; }
    blockquote { border-left:3px solid #d4831f; margin:16px 0; padding:12px 16px; background:#1a1a1a; border-radius:0 4px 4px 0; font-style:italic; color:#ccc; }
    .grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
    .card { background:#1a1a1a; padding:18px; border-radius:6px; border:1px solid #2f2f2f; margin-bottom:14px; transition:border-color 0.2s; }
    .card:hover { border-color:#d4831f; }
    .card-meta { font-size:0.78rem; color:#888; margin-bottom:8px; display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
    .badge { display:inline-block; padding:2px 10px; border-radius:999px; font-size:0.73rem; font-weight:600; background:#2b2b2b; color:#d4831f; }
    .badge-story { color:#7ecfb0; }
    .card h3 { margin:6px 0 8px; font-size:1rem; }
    .card p { font-size:0.85rem; color:#bbb; margin:0 0 10px; }
    .article-source { background:#1a1a1a; border:1px solid #2f2f2f; border-radius:6px; padding:14px 18px; font-size:0.82rem; color:#aaa; margin-bottom:20px; }
    .article-source strong { color:#e0e0e0; }
    .author-block { margin-top:28px; padding:18px; border-radius:6px; background:#181818; border:1px solid #2f2f2f; font-size:0.88rem; color:#ccc; }
    .author-block strong { color:#f2f2f2; font-size:0.95rem; }
    .disclaimer { font-size:0.78rem; color:#999; border-left:3px solid #d4831f; padding:10px 14px; margin-top:16px; background:#181818; border-radius:0 4px 4px 0; }
    .subscribe-block { background:#1a1a1a; border:1px solid #2f2f2f; border-radius:6px; padding:24px; text-align:center; }
    .subscribe-block h3 { margin-top:0; }
    .subscribe-block p { color:#aaa; font-size:0.9rem; }
    .subscribe-row { display:flex; gap:8px; max-width:440px; margin:0 auto; flex-wrap:wrap; }
    .subscribe-row input { flex:1; padding:10px 14px; border-radius:4px; border:1px solid #444; background:#121212; color:#f2f2f2; font-size:0.9rem; min-width:180px; }
    .muted { color:#888; font-size:0.82rem; }
    details { border-bottom:1px solid #2b2b2b; padding:12px 0; }
    summary { cursor:pointer; font-weight:600; font-size:0.95rem; list-style:none; display:flex; justify-content:space-between; align-items:center; }
    summary::-webkit-details-marker { display:none; }
    summary::after { content:"+"; color:#d4831f; font-size:1.2rem; }
    details[open] summary::after { content:"minus"; color:#d4831f; }
    details p { margin-top:10px; color:#bbb; font-size:0.9rem; }
    footer { background:#181818; padding:28px 0 40px; font-size:0.82rem; color:#666; margin-top:40px; border-top:1px solid #2b2b2b; }
    .footer-inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; }
    .footer-logo { font-weight:800; color:#d4831f; font-size:1rem; letter-spacing:0.08em; text-transform:uppercase; }
    @media(max-width:700px){
      .hero-title{font-size:1.5rem;}
      .grid-2{grid-template-columns:1fr;}
      .subscribe-row{flex-direction:column;}
      .subscribe-row input,.subscribe-row .btn{width:100%;}
    }
/* End */
/* /local/templates/namesam/template_styles.css?17736664836369 */