/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--zeef2d-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--zeef2d-ink, #111); background: var(--zeef2d-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--zeef2d-font-display, var(--zeef2d-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--zeef2d-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --zeef2d-primary: #1F4B3B; --zeef2d-secondary: #374151; --zeef2d-accent: #B86B2E; --zeef2d-ink: #0F2A20; --zeef2d-slate: #4B5563; --zeef2d-mist: #E5E7EB; --zeef2d-border: #D1D5DB; --zeef2d-surface: #FFFFFF; --zeef2d-bg: #F3F4F6; --zeef2d-text: #111827; --zeef2d-font: 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif; --zeef2d-font-display: 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif; } /* state utilities */ .is-open { display: block !important; } .is-active { display: block !important; } [hidden] { display: none !important; } /* framework-injected components (vanilla) */ [data-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--zeef2d-border, #e5e7eb); background: var(--zeef2d-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); } [data-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; } [data-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; } [data-ui="cookie-banner"] a { text-decoration: underline; } [data-consent-action], [data-age-gate-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--zeef2d-border, #d1d5db); background: transparent; color: var(--zeef2d-ink, #111); } [data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--zeef2d-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-action="reject-all"] { background: var(--zeef2d-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-panel] { margin-top: 1rem; border: 1px solid var(--zeef2d-border, #e5e7eb); background: var(--zeef2d-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; } [data-consent-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; } [data-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; } [data-ui="age-gate-overlay"] { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.8); } [data-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--zeef2d-surface, #1a1a2e); color: var(--zeef2d-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); } [data-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; } [data-age-gate-action] { padding: .75rem 1.5rem; } /* sections */ /* zeef2d:header */ /* zeef2d:header */ #header{--header-h:72px;background:var(--zeef2d-surface);border-bottom:1px solid var(--zeef2d-border);position:sticky;top:0;z-index:50} #header .header-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--header-h);padding:0 16px} #header .brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:max-content} #header .brand:focus-visible{outline:3px solid var(--zeef2d-accent);outline-offset:3px;border-radius:10px} #header .brand-mark{color:var(--zeef2d-accent);font-size:18px;line-height:1} #header .brand-text{font-family:var(--zeef2d-font-display);font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--zeef2d-ink)} #header .nav{display:flex;align-items:center;gap:10px} #header .nav-link{color:var(--zeef2d-text);text-decoration:none;font-size:14px;line-height:1;padding:10px 10px;border-radius:10px;border:1px solid transparent} #header .nav-link:hover{background:color-mix(in srgb, var(--zeef2d-bg) 70%, var(--zeef2d-surface) 30%)} #header .nav-link:focus-visible{outline:3px solid var(--zeef2d-accent);outline-offset:2px} #header .menu-toggle{display:none;align-items:center;justify-content:space-between;gap:10px;min-width:140px;border-radius:12px;border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);color:var(--zeef2d-text);padding:10px 12px;cursor:pointer;font-size:14px;font-weight:650} #header .menu-toggle:focus-visible{outline:3px solid var(--zeef2d-accent);outline-offset:3px} #header .menu-toggle-icon{color:var(--zeef2d-primary);font-size:18px} @media (max-width: 860px){ #header .nav{display:none;position:absolute;right:16px;top:calc(var(--header-h) + 10px);background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:14px;padding:10px;box-shadow:0 10px 24px color-mix(in srgb, var(--zeef2d-ink) 12%, transparent)} #header .nav[data-open="true"]{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:220px} #header .nav-link{padding:12px 12px;border-color:var(--zeef2d-border)} #header .menu-toggle{display:flex} } @media (prefers-reduced-motion: reduce){#header *{scroll-behavior:auto;transition:none!important;animation:none!important}} #header ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 26%, transparent)} /* zeef2d:footer */ /* zeef2d:footer */ #footer{background:var(--zeef2d-primary);color:var(--zeef2d-surface);padding:48px 18px 28px;} #footer ::selection{background:rgba(184,107,46,.35);} #footer{font-family:var(--zeef2d-font);} #footer .footer-inner{max-width:1160px;margin:0 auto;} #footer .footer-top{display:grid;grid-template-columns:1.1fr .7fr .7fr;gap:28px;align-items:start;} #footer .footer-brand-name{margin:0;font-family:var(--zeef2d-font-display);font-size:22px;letter-spacing:-.02em;} #footer .footer-brand-meta{margin:6px 0 12px;color:rgba(255,255,255,.9);font-size:13px;} #footer .footer-address{font-style:normal;display:flex;flex-direction:column;gap:6px;} #footer .footer-address-line{font-size:13px;color:rgba(255,255,255,.92);line-height:1.35;} #footer .footer-nav .footer-heading,#footer .footer-policy .footer-heading{font-size:13px;margin:0 0 10px;font-weight:700;letter-spacing:.02em;} #footer .footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;} #footer .footer-link{color:var(--zeef2d-surface);text-decoration:underline;text-decoration-color:rgba(255,255,255,.55);text-underline-offset:3px;} #footer .footer-link:focus-visible{outline:3px solid rgba(184,107,46,.9);outline-offset:3px;border-radius:10px;} #footer .footer-divider{height:1px;background:rgba(255,255,255,.18);margin:24px 0 22px;} #footer .footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start;} #footer .rg-block{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg,16px);padding:18px 18px 16px;} #footer .rg-title{margin:0 0 10px;font-weight:800;letter-spacing:-.01em;} #footer .rg-text{margin:0 0 14px;color:rgba(255,255,255,.94);font-size:13.5px;line-height:1.45;} #footer .rg-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;} #footer .rg-link{display:inline-block;color:var(--zeef2d-surface);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 10px;text-decoration:none;font-size:13px;} #footer .rg-link:focus-visible{outline:3px solid rgba(184,107,46,.9);outline-offset:3px;} #footer .rg-regulator{margin-top:8px;} #footer .rg-subheading{margin:0 0 8px;font-weight:700;font-size:13px;} #footer .rg-badge{display:flex;gap:10px;align-items:center;margin:14px 0 10px;padding:10px 12px;border-radius:var(--radius-md,12px);background:rgba(184,107,46,.14);border:1px solid rgba(184,107,46,.35);} #footer .rg-badge-mark{font-weight:900;background:rgba(184,107,46,.28);border:1px solid rgba(184,107,46,.5);padding:6px 10px;border-radius:999px;} #footer .rg-badge-text{font-size:13px;color:rgba(255,255,255,.95);} #footer .rg-disclaimer{margin:0;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.96);} #footer .footer-bottom{padding:8px 2px 0;} #footer .footer-small{margin:0 0 8px;font-size:13px;color:rgba(255,255,255,.9);line-height:1.35;} #footer .footer-year{font-variant-numeric:tabular-nums;} @media (max-width:900px){#footer .footer-top{grid-template-columns:1fr;gap:18px;}#footer .footer-grid{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){#footer *{scroll-behavior:auto;}} /* zeef2d:hero */ /* zeef2d:hero */ #hero{position:relative;overflow:hidden;background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:56px 0 40px} #hero::selection{background:rgba(184,107,46,.28)} #hero .hero__bg{position:absolute;inset:-40px -40px auto -40px;height:320px;background:linear-gradient(180deg, rgba(31,75,59,.14), rgba(31,75,59,0));pointer-events:none} #hero .hero__wrap{max-width:1120px;margin:0 auto;padding:0 20px} #hero .hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start} #hero .hero__badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--zeef2d-border);border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(4px);font-weight:700;font-size:14px;letter-spacing:.01em} #hero .hero__title{margin:14px 0 10px;font-family:var(--zeef2d-font-display);font-weight:700;letter-spacing:-.02em;line-height:1.05;font-size:44px;max-width:26ch;text-wrap:balance} #hero .hero__lead{margin:0 0 18px;font-size:16px;line-height:1.6;color:var(--zeef2d-secondary);max-width:62ch} #hero .hero__cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 18px} #hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border-radius:var(--radius-md);text-decoration:none;font-weight:800;letter-spacing:.01em;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease} #hero .btn:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:3px} #hero .btn--primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:rgba(0,0,0,0)} #hero .btn--primary:hover{background:#1a4133} #hero .btn--secondary{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border-color:var(--zeef2d-border)} #hero .btn--secondary:hover{background:rgba(229,231,235,.6)} #hero .hero__checks{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px} #hero .hero__check{display:flex;align-items:flex-start;gap:10px;position:relative;padding-left:4px;color:var(--zeef2d-secondary);font-size:15px;line-height:1.5} #hero .hero__check::before{content:"";width:10px;height:10px;border-radius:3px;margin-top:5px;background:rgba(184,107,46,.95);box-shadow:0 6px 16px rgba(184,107,46,.18)} #hero .hero__media{display:flex;flex-direction:column;gap:14px} #hero .hero__figure{margin:0;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border)} #hero .hero__img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover} #hero .hero__caption{position:absolute;left:14px;bottom:12px;right:14px;background:rgba(255,255,255,.86);border:1px solid rgba(209,213,219,.75);border-radius:12px;padding:10px 12px;backdrop-filter:blur(6px)} #hero .hero__caption-kicker{display:block;font-size:12px;font-weight:800;color:var(--zeef2d-secondary);letter-spacing:.08em;text-transform:uppercase} #hero .hero__caption-title{display:block;margin-top:4px;font-weight:900;font-size:15px;color:var(--zeef2d-ink)} #hero .hero__callout{background:rgba(255,255,255,.78);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:16px 16px 14px;box-shadow:0 18px 40px rgba(15,42,32,.08)} #hero .hero__callout-title{font-weight:950;font-size:15px;color:var(--zeef2d-ink);margin-bottom:8px} #hero .hero__callout-text{font-size:14.5px;line-height:1.55;color:var(--zeef2d-secondary)} @media (max-width: 920px){ #hero{padding:44px 0 28px} #hero .hero__grid{grid-template-columns:1fr;gap:18px} #hero .hero__title{font-size:36px;max-width:unset} #hero .hero__img{max-height:300px} } @media (prefers-reduced-motion: reduce){ #hero .btn{transition:none} } /* zeef2d:trasy-preview */ #trasy-preview{--tp-gap:18px;--tp-radius:16px;--tp-border:1px solid var(--zeef2d-border);background:var(--zeef2d-bg);padding:54px 0;color:var(--zeef2d-text);font-family:var(--zeef2d-font)} #trasy-preview .container{max-width:1120px;margin:0 auto;padding:0 18px} /* zeef2d:trasy-preview */ #trasy-preview .section-head{margin-bottom:26px} #trasy-preview .kicker{display:inline-block;background:rgba(184,107,46,.10);color:var(--zeef2d-accent);border:1px solid rgba(184,107,46,.30);padding:8px 12px;border-radius:999px;font-size:13px;letter-spacing:.2px;margin-bottom:14px} #trasy-preview .title{margin:0;font-family:var(--zeef2d-font-display);font-weight:800;font-size:34px;letter-spacing:-.5px;line-height:1.12;text-wrap:balance} #trasy-preview .lead{margin:12px 0 0;max-width:720px;color:var(--zeef2d-slate);font-size:15.5px;line-height:1.7} #trasy-preview .trasy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tp-gap);align-items:stretch} #trasy-preview .trasa-card{background:var(--zeef2d-surface);border:var(--tp-border);border-radius:var(--tp-radius);padding:18px;display:flex;flex-direction:column;min-height:240px;box-shadow:0 10px 24px rgba(31,75,59,.08)} #trasy-preview .trasa-top{display:flex;gap:10px;align-items:center;justify-content:space-between} #trasy-preview .trasa-num{font-weight:800;color:var(--zeef2d-primary);font-size:13px;letter-spacing:.3px} #trasy-preview .trasa-tag{font-size:12.5px;color:var(--zeef2d-accent);background:rgba(184,107,46,.10);border:1px solid rgba(184,107,46,.22);padding:6px 10px;border-radius:999px;white-space:nowrap} #trasy-preview .trasa-name{margin:12px 0 0;font-size:16.5px;font-weight:800;line-height:1.35;font-family:var(--zeef2d-font)} #trasy-preview .trasa-desc{margin:10px 0 0;color:var(--zeef2d-slate);font-size:14.2px;line-height:1.65} #trasy-preview .trasa-meta{margin-top:14px;display:flex;flex-direction:column;gap:8px} #trasy-preview .meta-item{font-size:13.5px;color:var(--zeef2d-slate);line-height:1.4} #trasy-preview .meta-label{color:var(--zeef2d-text);font-weight:700;margin-right:6px} #trasy-preview .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:12px;padding:11px 14px;font-weight:800;font-size:14px;line-height:1;transition:transform .12s ease, background-color .12s ease, border-color .12s ease, box-shadow .12s ease} #trasy-preview .btn:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:2px} #trasy-preview .btn-primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid var(--zeef2d-primary);box-shadow:0 12px 22px rgba(31,75,59,.20)} #trasy-preview .btn-primary:hover{transform:translateY(-1px)} #trasy-preview .btn-ghost{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border:1px solid rgba(31,75,59,.35)} #trasy-preview .btn-ghost:hover{transform:translateY(-1px);border-color:rgba(31,75,59,.55)} #trasy-preview .trasa-card .btn-primary{margin-top:auto} #trasy-preview .section-cta{margin-top:26px} #trasy-preview .cta-card{background:var(--zeef2d-surface);border:var(--tp-border);border-radius:var(--tp-radius);padding:18px;display:flex;gap:18px;align-items:center;justify-content:space-between;box-shadow:0 10px 24px rgba(31,75,59,.06)} #trasy-preview .cta-title{margin:0;font-size:18px;font-weight:900} #trasy-preview .cta-lead{margin:8px 0 0;color:var(--zeef2d-slate);line-height:1.7;font-size:14.8px;max-width:560px} #trasy-preview .cta-sub{margin:10px 0 0;color:var(--zeef2d-slate);font-size:14px} #trasy-preview .link{color:var(--zeef2d-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} #trasy-preview .link:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:3px;border-radius:6px} #trasy-preview .cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end} @media (max-width:980px){#trasy-preview .trasy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#trasy-preview .title{font-size:30px}} @media (max-width:640px){#trasy-preview .trasy-grid{grid-template-columns:1fr}#trasy-preview .cta-card{flex-direction:column;align-items:flex-start}#trasy-preview .cta-actions{justify-content:flex-start}} @media (prefers-reduced-motion:reduce){#trasy-preview .btn{transition:none}#trasy-preview .btn-primary:hover,#trasy-preview .btn-ghost:hover{transform:none}} #trasy-preview ::selection{background:rgba(184,107,46,.25)} /* zeef2d:how-it-works */ /* zeef2d:how-it-works */ #how-it-works.how-it-works{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:56px 0;} #how-it-works .how-it-works__container{max-width:1040px;margin:0 auto;padding:0 20px;} #how-it-works .how-it-works__head{max-width:860px;margin-bottom:26px;} #how-it-works .how-it-works__kicker{margin:0 0 10px;font:700 13px/1.2 var(--zeef2d-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zeef2d-accent);} #how-it-works .how-it-works__title{margin:0 0 12px;font:700 34px/1.15 var(--zeef2d-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--zeef2d-ink);} #how-it-works .how-it-works__lead{margin:0;font:400 16px/1.7 var(--zeef2d-font);color:var(--zeef2d-secondary);max-width:760px;} #how-it-works .how-it-works__steps{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:14px;} #how-it-works .how-it-works__step{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:18px 18px;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;} #how-it-works .how-it-works__step-number{width:44px;height:44px;border-radius:999px;background:var(--zeef2d-primary);color:var(--zeef2d-surface);display:flex;align-items:center;justify-content:center;font:800 16px/1 var(--zeef2d-font);} #how-it-works .how-it-works__step-title{margin:2px 0 8px;font:700 20px/1.25 var(--zeef2d-font);color:var(--zeef2d-ink);} #how-it-works .how-it-works__step-text{margin:0;font:400 15.5px/1.7 var(--zeef2d-font);color:var(--zeef2d-secondary);} #how-it-works .how-it-works__tip-box{margin-top:12px;padding:12px 12px;border-radius:var(--zeef2d-radius-md,12px);border:1px solid var(--zeef2d-border);background:color-mix(in srgb, var(--zeef2d-surface) 86%, var(--zeef2d-accent) 14%);display:flex;gap:10px;align-items:flex-start;} #how-it-works .how-it-works__tip-dot{color:var(--zeef2d-accent);font:900 18px/1.2 var(--zeef2d-font);} #how-it-works .how-it-works__tip-text{margin:0;color:var(--zeef2d-secondary);font:400 14.5px/1.6 var(--zeef2d-font);} #how-it-works .how-it-works__cta-row{margin-top:14px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;} #how-it-works .how-it-works__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--zeef2d-radius-md,12px);padding:12px 14px;font:700 14.5px/1.1 var(--zeef2d-font);text-decoration:none;} #how-it-works .how-it-works__cta{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid color-mix(in srgb, var(--zeef2d-primary) 90%, #000 10%);} #how-it-works .how-it-works__cta--ghost{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border:1px solid var(--zeef2d-border);} #how-it-works .how-it-works__cta:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 55%, white 45%);outline-offset:2px;} #how-it-works .how-it-works__cta:hover{filter:brightness(1.02);} #how-it-works .how-it-works__fineprint{margin-top:18px;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:18px;} #how-it-works .how-it-works__fineprint-text{margin:0 0 14px;font:400 15px/1.7 var(--zeef2d-font);color:var(--zeef2d-secondary);max-width:860px;} #how-it-works .how-it-works__dl{margin:0;display:flex;flex-wrap:wrap;gap:12px 22px;} #how-it-works .how-it-works__dl-row{display:flex;gap:10px;align-items:baseline;} #how-it-works .how-it-works__dt{font:700 13px/1.2 var(--zeef2d-font);color:var(--zeef2d-slate);min-width:56px;} #how-it-works .how-it-works__dd{margin:0;font:700 14px/1.4 var(--zeef2d-font);} #how-it-works .how-it-works__link{color:var(--zeef2d-primary);text-decoration:underline;text-underline-offset:3px;} #how-it-works .how-it-works__link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 55%, white 45%);outline-offset:3px;border-radius:6px;} #how-it-works ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 28%, white 72%);} #how-it-works .how-it-works__step--no{display:none;} @media (max-width: 720px){ #how-it-works{padding:44px 0;} #how-it-works .how-it-works__title{font-size:28px;} #how-it-works .how-it-works__step{grid-template-columns:48px 1fr;padding:16px;} #how-it-works .how-it-works__step-number{width:40px;height:40px;font-size:15px;} } @media (prefers-reduced-motion: reduce){ #how-it-works *{scroll-behavior:auto;transition:none !important;} } /* zeef2d:trust-quotes */ /* zeef2d:trust-quotes */ #trust-quotes{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 0} #trust-quotes .trust-wrap{max-width:1050px;margin:0 auto;padding:0 20px} #trust-quotes .trust-header{display:flex;gap:28px;align-items:flex-start;justify-content:space-between} #trust-quotes .trust-title{font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.1;letter-spacing:-0.02em;margin:0;max-width:520px;text-wrap:balance} #trust-quotes .trust-subtitle{margin:12px 0 0;max-width:520px;font-size:16px;line-height:1.65;color:var(--zeef2d-secondary)} #trust-quotes .quotes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px} #trust-quotes .quote-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg,16px);padding:18px 18px 16px;box-shadow:0 8px 20px rgba(31,75,59,.08)} #trust-quotes .quote-text{margin:0;font-size:16px;line-height:1.7;color:var(--zeef2d-ink)} #trust-quotes .quote-meta{margin:12px 0 0;font-size:13px;color:var(--zeef2d-slate)} #trust-quotes .trust-note{margin:18px 0 0;font-size:13px;line-height:1.6;color:var(--zeef2d-secondary);padding-left:12px;border-left:3px solid var(--zeef2d-accent)} #trust-quotes ::selection{background:rgba(184,107,46,.25)} #trust-quotes .quote-card:focus-within{outline:2px solid rgba(184,107,46,.45);outline-offset:2px} @media (max-width:860px){#trust-quotes .trust-header{flex-direction:column;gap:10px}#trust-quotes .quotes{grid-template-columns:1fr}#trust-quotes .trust-title{font-size:28px}#trust-quotes{padding:40px 0}} @media (prefers-reduced-motion:reduce){#trust-quotes *{scroll-behavior:auto}} /* zeef2d:faq */ /* zeef2d:faq */ #faq.faq-section{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:44px 18px 56px} #faq .faq-container{max-width:1080px;margin:0 auto} #faq .faq-header{display:flex;gap:18px;flex-direction:column;margin-bottom:20px} #faq .faq-title{font-family:var(--zeef2d-font-display);font-size:clamp(26px,3.2vw,40px);letter-spacing:-0.02em;line-height:1.1;margin:0;color:var(--zeef2d-ink)} #faq .faq-lead{margin:0;max-width:66ch;color:var(--zeef2d-secondary);font-size:16px;line-height:1.6} #faq .faq-grid{border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-lg);background:var(--zeef2d-surface);overflow:hidden} #faq .faq-item{border-bottom:1px solid var(--zeef2d-border)} #faq .faq-item:last-child{border-bottom:none} #faq .faq-trigger{width:100%;text-align:left;background:transparent;border:0;padding:16px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;color:var(--zeef2d-ink)} #faq .faq-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 55%, white 45%);outline-offset:2px;border-radius:8px} #faq .faq-q{font-weight:700;font-size:15.5px;line-height:1.35} #faq .faq-icon{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--zeef2d-border);color:var(--zeef2d-accent);font-weight:800} #faq .faq-panel{padding:0 16px 16px 16px} #faq .faq-a{color:var(--zeef2d-secondary);line-height:1.65;font-size:15px;max-width:75ch} #faq .faq-cta{margin-top:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap} #faq .faq-cta-text{margin:0;color:var(--zeef2d-secondary);font-size:15.5px;line-height:1.6;max-width:70ch} #faq .faq-cta-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--zeef2d-md);background:var(--zeef2d-primary);color:var(--zeef2d-surface);text-decoration:none;font-weight:800;border:1px solid color-mix(in srgb, var(--zeef2d-primary) 92%, black 8%);min-width:210px} #faq .faq-cta-link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 60%, white 40%);outline-offset:2px} #faq .faq-cta-link:hover{background:color-mix(in srgb, var(--zeef2d-primary) 90%, var(--zeef2d-accent) 10%)} @media (prefers-reduced-motion: reduce){#faq .faq-trigger,*{scroll-behavior:auto;transition:none !important}} @media (max-width:640px){#faq{padding:34px 14px 44px}#faq .faq-trigger{padding:14px 12px}#faq .faq-panel{padding:0 12px 14px 12px}#faq .faq-cta-link{min-width:0;width:100%}} #faq ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 30%, white 70%)} /* zeef2d:contacts */ /* zeef2d:contacts */ #contacts{--c-ink:var(--zeef2d-ink);--c-primary:var(--zeef2d-primary);--c-secondary:var(--zeef2d-secondary);--c-accent:var(--zeef2d-accent);--c-border:var(--zeef2d-border);--c-mist:var(--zeef2d-mist);--c-bg:var(--zeef2d-bg);--c-surface:var(--zeef2d-surface);--c-text:var(--zeef2d-text);font-family:var(--zeef2d-font);color:var(--zeef2d-text);background:var(--zeef2d-bg);padding:48px 18px;} #contacts::selection{background:rgba(184,107,46,.25);} #contacts .contacts-wrap{max-width:1120px;margin:0 auto;} #contacts .contacts-header{max-width:720px;margin-bottom:26px;} #contacts .contacts-kicker{display:inline-block;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--zeef2d-secondary);margin:0 0 10px 0;} #contacts .contacts-title{font-family:var(--zeef2d-font-display);font-size:36px;line-height:1.15;margin:0 0 12px 0;color:var(--zeef2d-ink);letter-spacing:-.02em;text-wrap:balance;} #contacts .contacts-lead{margin:0;color:var(--zeef2d-secondary);font-size:16px;line-height:1.6;} #contacts .contacts-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:22px;align-items:start;} #contacts .contacts-aside{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg,16px);padding:18px;} #contacts .contact-block{margin:12px 0;} #contacts .contact-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--zeef2d-secondary);margin-bottom:6px;} #contacts .contact-value{display:inline-block;color:var(--zeef2d-ink);text-decoration:none;font-weight:650;} #contacts .contact-value:hover{text-decoration:underline;} #contacts .aside-note{margin-top:14px;padding:12px 12px;border-radius:var(--radius-md,12px);background:var(--zeef2d-bg);border:1px solid var(--zeef2d-border);color:var(--zeef2d-secondary);font-size:14px;line-height:1.5;} #contacts .route-hint{margin-top:14px;padding:12px 12px;border-radius:var(--radius-md,12px);border:1px solid var(--zeef2d-border);background:linear-gradient(180deg, rgba(31,75,59,.05), rgba(31,75,59,0));} #contacts .route-hint-title{font-weight:750;color:var(--zeef2d-ink);margin-bottom:8px;} #contacts .route-hint-list{margin:0;padding-left:18px;color:var(--zeef2d-secondary);line-height:1.6;font-size:14px;} #contacts .contacts-formcard{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg,16px);padding:18px;} #contacts .contacts-form{display:block;} #contacts .field{margin:14px 0;} #contacts .label{display:block;font-size:13px;color:var(--zeef2d-secondary);margin-bottom:8px;font-weight:650;} #contacts .input,.#contacts .textarea{width:100%;box-sizing:border-box;border-radius:var(--radius-md,12px);border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);color:var(--zeef2d-ink);padding:12px 12px;font-size:15px;line-height:1.35;} #contacts .textarea{resize:vertical;min-height:130px;} #contacts .input::placeholder,#contacts .textarea::placeholder{color:rgba(55,65,81,.85);} #contacts .input:focus-visible,#contacts .textarea:focus-visible{outline:3px solid rgba(31,75,59,.25);outline-offset:2px;border-color:rgba(31,75,59,.55);} #contacts .form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;} #contacts .btn{appearance:none;border-radius:var(--radius-md,12px);border:1px solid var(--zeef2d-border);padding:12px 14px;font-weight:750;font-size:15px;cursor:pointer;font-family:inherit;} #contacts .btn:focus-visible{outline:3px solid rgba(184,107,46,.25);outline-offset:2px;} #contacts .btn:disabled{opacity:.6;cursor:not-allowed;} #contacts .btn-primary{background:var(--zeef2d-primary);border-color:var(--zeef2d-primary);color:var(--zeef2d-surface);} #contacts .btn-primary:hover{filter:brightness(1.02);} #contacts .btn-ghost{background:var(--zeef2d-surface);color:var(--zeef2d-ink);} #contacts .btn-ghost:hover{background:rgba(31,75,59,.04);} #contacts .form-footnote{margin-top:12px;color:var(--zeef2d-secondary);font-size:13px;line-height:1.5;} #contacts .form-success{padding:14px 14px;border-radius:var(--radius-md,12px);border:1px solid rgba(31,75,59,.35);background:rgba(31,75,59,.06);margin-top:14px;} #contacts .success-title{font-weight:900;color:var(--zeef2d-ink);margin-bottom:6px;} #contacts .success-text{color:var(--zeef2d-secondary);line-height:1.5;} #contacts .policy-links{max-width:1120px;margin:22px auto 0 auto;display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-start;} #contacts .policy-link{color:var(--zeef2d-secondary);text-decoration:none;border-bottom:1px solid transparent;} #contacts .policy-link:hover{color:var(--zeef2d-ink);text-decoration:underline;} #contacts .policy-link:focus-visible{outline:3px solid rgba(31,75,59,.25);outline-offset:4px;border-radius:6px;} @media (max-width: 920px){#contacts{padding:40px 14px;} #contacts .contacts-title{font-size:30px;} #contacts .contacts-grid{grid-template-columns:1fr;} #contacts .policy-links{gap:12px;} } @media (prefers-reduced-motion: reduce){#contacts .btn,#contacts .policy-link{transition:none;}} /* zeef2d:blog-list */ /* zeef2d:blog-list */ #blog-list{--radius-sm:var(--zeef2d-radius-sm,8px);--radius-md:var(--zeef2d-radius-md,12px);--radius-lg:var(--zeef2d-radius-lg,16px);} #blog-list{font-family:var(--zeef2d-font);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 0;} #blog-list .container{max-width:1120px;margin:0 auto;padding:0 18px;} #blog-list .section-header{margin-bottom:22px;} #blog-list .section-title{font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.05;letter-spacing:-0.02em;margin:0 0 10px;text-wrap:balance;} #blog-list .section-lead{margin:0;max-width:64ch;color:var(--zeef2d-slate);font-size:16px;line-height:1.6;} #blog-list .article-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;} #blog-list .article-card{grid-column:span 6;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md,12px);padding:16px;box-shadow:0 10px 30px rgba(31,75,59,0.06);display:flex;flex-direction:column;min-height:220px;} #blog-list .article-media{height:44px;display:flex;align-items:center;} #blog-list .article-badge{background:rgba(184,107,46,0.12);color:var(--zeef2d-accent);border:1px solid rgba(184,107,46,0.30);padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:0.01em;} #blog-list .article-title{margin:12px 0 8px;font-size:16px;line-height:1.35;letter-spacing:-0.01em;text-wrap:balance;} #blog-list .article-meta{margin:0 0 14px;color:var(--zeef2d-slate);font-size:14px;line-height:1.5;} #blog-list .article-link{display:inline-flex;align-items:center;gap:10px;margin-top:auto;color:var(--zeef2d-primary);text-decoration:none;font-weight:800;letter-spacing:0.01em;} #blog-list .article-link::after{content:"→";display:inline-block;transform:translateY(-1px);} #blog-list .article-link:focus-visible{outline:3px solid rgba(31,75,59,0.35);outline-offset:3px;border-radius:8px;} #blog-list .cta-row{margin-top:18px;display:flex;justify-content:flex-start;} #blog-list .ghost-button{background:transparent;border:1px solid var(--zeef2d-border);color:var(--zeef2d-primary);padding:12px 14px;border-radius:var(--zeef2d-radius-md,12px);text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:10px;} #blog-list .ghost-button:focus-visible{outline:3px solid rgba(184,107,46,0.35);outline-offset:3px;} #blog-list .ghost-button:hover{border-color:rgba(184,107,46,0.6);} #blog-list ::selection{background:rgba(184,107,46,0.25);} @media (max-width: 900px){ #blog-list .section-title{font-size:30px;} #blog-list .article-card{grid-column:span 12;} } @media (prefers-reduced-motion: reduce){ #blog-list *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{--radius-sm:var(--zeef2d-radius-sm,8px);--radius-md:var(--zeef2d-radius-md,12px);--radius-lg:var(--zeef2d-radius-lg,16px);padding:40px 16px;background:var(--zeef2d-bg);} #article-hero .article-hero__wrap{max-width:1060px;margin:0 auto;} #article-hero .article-hero{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:28px 20px;box-shadow:0 10px 30px rgba(31,75,59,.08);} #article-hero .article-hero__kicker{display:flex;align-items:center;gap:10px;margin-bottom:14px;} #article-hero .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(184,107,46,.12);color:var(--zeef2d-accent);font-weight:700;font-size:14px;letter-spacing:.2px;border:1px solid rgba(184,107,46,.25);} #article-hero .meta-dot{color:var(--zeef2d-slate);font-size:18px;line-height:1;} #article-hero .article-hero__region{color:var(--zeef2d-slate);font-weight:600;font-size:14px;} #article-hero .article-hero__title{margin:0 0 14px 0;font-family:var(--zeef2d-font-display);font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;color:var(--zeef2d-ink);} #article-hero .article-hero__details{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 14px 0;padding:14px;border-radius:var(--radius-md);background:rgba(15,42,32,.03);border:1px solid rgba(15,42,32,.08);} #article-hero .detail{flex:1 1 220px;min-width:220px;padding:10px 12px;border-radius:var(--radius-md);background:var(--zeef2d-surface);border:1px solid rgba(209,213,219,.8);} #article-hero .detail__label{font-size:13px;color:var(--zeef2d-slate);font-weight:700;letter-spacing:.2px;} #article-hero .detail__value{margin-top:6px;font-size:15px;color:var(--zeef2d-ink);font-weight:800;} #article-hero .article-hero__lead{margin:0;color:var(--zeef2d-text);font-size:16px;line-height:1.6;max-width:70ch;} #article-hero .article-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.2px;} #article-hero .btn:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;} #article-hero .btn--primary{background:var(--zeef2d-primary);color:#fff;border:1px solid var(--zeef2d-primary);} #article-hero .btn--primary:hover{background:#184233;} #article-hero .btn--ghost{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border:1px solid rgba(31,75,59,.35);} #article-hero .btn--ghost:hover{background:rgba(31,75,59,.06);border-color:rgba(31,75,59,.6);} #article-hero .article-hero__note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:14px 14px;border-radius:var(--radius-md);background:rgba(184,107,46,.08);border:1px solid rgba(184,107,46,.25);} #article-hero .article-hero__note-emoji{font-size:18px;line-height:1.2;} #article-hero .article-hero__note span{color:var(--zeef2d-ink);font-weight:700;line-height:1.4;font-size:14.5px;} #article-hero ::selection{background:rgba(184,107,46,.35);color:var(--zeef2d-ink);} @media (max-width:720px){#article-hero{padding:28px 14px;}#article-hero .article-hero{padding:22px 14px;}#article-hero .detail{min-width:160px;flex-basis:160px;} } @media (prefers-reduced-motion:reduce){#article-hero .btn{transition:none;}} /* zeef2d:photo-stops */ /* zeef2d:photo-stops */ #photo-stops{--ps-primary:var(--zeef2d-primary);--ps-ink:var(--zeef2d-ink);--ps-accent:var(--zeef2d-accent);--ps-slate:var(--zeef2d-slate);--ps-mist:var(--zeef2d-mist);--ps-border:var(--zeef2d-border);--ps-surface:var(--zeef2d-surface);--ps-bg:var(--zeef2d-bg);--ps-text:var(--zeef2d-text);padding:48px 16px;background:var(--zeef2d-bg);color:var(--zeef2d-text);} #photo-stops .photo-stops__wrap{max-width:1080px;margin:0 auto;} #photo-stops .photo-stops__head{max-width:820px;margin-bottom:22px;} #photo-stops .photo-stops__title{font-family:var(--zeef2d-font-display);font-size:clamp(26px,3.2vw,40px);letter-spacing:-0.02em;line-height:1.1;margin:0 0 10px;font-weight:780;color:var(--zeef2d-ink);text-wrap:balance;} #photo-stops .photo-stops__lede{margin:0;font-size:16px;line-height:1.6;color:var(--zeef2d-secondary);} #photo-stops .photo-stops__content{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px;} #photo-stops .stop{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg);padding:18px 16px;box-shadow:0 10px 24px rgba(31,75,59,0.08);} #photo-stops .stop__meta{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px;} #photo-stops .stop__kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--zeef2d-primary);font-weight:750;} #photo-stops .stop__title{margin:0;font-size:18px;line-height:1.3;color:var(--zeef2d-ink);font-weight:780;font-family:var(--zeef2d-font-display);letter-spacing:-0.01em;} #photo-stops .stop__body{margin-top:6px;} #photo-stops .stop__text{margin:10px 0 0;line-height:1.55;font-size:15px;color:var(--zeef2d-secondary);} #photo-stops .stop__text strong{color:var(--zeef2d-ink);font-weight:820;} #photo-stops .stop__bullets{margin:12px 0 0;padding-left:18px;color:var(--zeef2d-secondary);line-height:1.55;font-size:15px;} #photo-stops .stop__bullets li{margin:6px 0;} #photo-stops .stop__bullets strong{color:var(--zeef2d-ink);font-variant-numeric:tabular-nums;} #photo-stops .photo-stops__term{margin-top:18px;background:rgba(184,107,46,0.06);border:1px solid rgba(184,107,46,0.25);border-radius:var(--zeef2d-radius-md);padding:14px 14px;} #photo-stops .photo-stops__term-text{margin:0;color:var(--zeef2d-ink);font-size:15px;line-height:1.6;font-weight:650;} #photo-stops .photo-stops__nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:center;} #photo-stops .photo-stops__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:var(--zeef2d-radius-md);border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);color:var(--zeef2d-ink);text-decoration:none;font-weight:780;font-size:14px;} #photo-stops .photo-stops__link--accent{border-color:rgba(184,107,46,0.55);background:rgba(184,107,46,0.1);} #photo-stops .photo-stops__link:focus-visible{outline:3px solid rgba(31,75,59,0.35);outline-offset:2px;} #photo-stops .photo-stops__note{margin-top:16px;} #photo-stops .photo-stops__note-text{margin:0;padding:12px 14px;border-left:4px solid var(--zeef2d-accent);background:rgba(31,75,59,0.04);border-radius:var(--zeef2d-radius-sm);color:var(--zeef2d-secondary);line-height:1.55;font-size:14px;} @media (min-width:860px){#photo-stops .photo-stops__content{grid-template-columns:1fr 1fr;gap:16px;}#photo-stops .stop{padding:20px 18px;}} @media (min-width:1040px){#photo-stops .photo-stops__content{grid-template-columns:1fr 1fr 1fr;}} @media (prefers-reduced-motion:reduce){#photo-stops *{scroll-behavior:auto;transition:none !important;animation:none !important;}} #photo-stops::selection{background:rgba(184,107,46,0.25);color:var(--zeef2d-ink);} /* zeef2d:term-in-tip */ /* zeef2d:term-in-tip */ #term-in-tip.term-in-tip{ --radius-lg: var(--zeef2d-radius-lg, 16px); background: var(--zeef2d-bg); color: var(--zeef2d-text); padding: 28px 16px; } #term-in-tip .term-in-tip__container{ max-width: 980px; margin: 0 auto; } #term-in-tip .term-in-tip__eyebrow{ display: inline-block; font: 600 12px/1.2 var(--zeef2d-font); letter-spacing: 0.08em; text-transform: uppercase; color: var(--zeef2d-accent); padding: 10px 12px; border: 1px solid var(--zeef2d-border); background: var(--zeef2d-surface); border-radius: var(--zeef2d-radius-sm, 8px); } #term-in-tip .term-in-tip__title{ margin: 16px 0 10px; font: 800 30px/1.15 var(--zeef2d-font-display); letter-spacing: -0.02em; text-wrap: balance; color: var(--zeef2d-ink); } #term-in-tip .term-in-tip__lead{ margin: 0 0 18px; font: 400 16px/1.65 var(--zeef2d-font); color: var(--zeef2d-secondary); max-width: 72ch; } #term-in-tip .term-in-tip__list{ display: grid; grid-template-columns: 1fr; gap: 12px; margin: 16px 0 18px; } #term-in-tip .term-in-tip__item{ display: grid; grid-template-columns: 44px 1fr; gap: 12px; padding: 14px 14px; background: var(--zeef2d-surface); border: 1px solid var(--zeef2d-border); border-radius: var(--zeef2d-radius-md, 12px); } #term-in-tip .term-in-tip__num{ width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font: 800 16px/1 var(--zeef2d-font); color: var(--zeef2d-surface); background: var(--zeef2d-primary); box-shadow: 0 10px 24px rgba(31, 75, 59, 0.18); } #term-in-tip .term-in-tip__item-title{ margin: 2px 0 6px; font: 750 16px/1.25 var(--zeef2d-font); color: var(--zeef2d-ink); } #term-in-tip .term-in-tip__item-text{ margin: 0; font: 400 15px/1.6 var(--zeef2d-font); color: var(--zeef2d-secondary); } #term-in-tip .term-in-tip__link{ display: inline-flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: var(--zeef2d-radius-md, 12px); border: 1px solid var(--zeef2d-border); background: var(--zeef2d-surface); color: var(--zeef2d-ink); font: 700 15px/1.2 var(--zeef2d-font); text-decoration: none; } #term-in-tip .term-in-tip__link:focus-visible{ outline: 3px solid rgba(184, 107, 46, 0.55); outline-offset: 3px; } #term-in-tip .term-in-tip__link::after{ content: "→"; color: var(--zeef2d-accent); font-weight: 900; } @media (min-width: 860px){ #term-in-tip{ padding: 34px 18px; } #term-in-tip .term-in-tip__list{ grid-template-columns: 1fr; } #term-in-tip .term-in-tip__title{ font-size: 38px; } } @media (prefers-reduced-motion: reduce){ #term-in-tip *{ scroll-behavior: auto !important; transition: none !important; animation: none !important; } } #term-in-tip ::selection{ background: rgba(184, 107, 46, 0.28); } /* zeef2d:quiet-days */ /* zeef2d:quiet-days */ #quiet-days.quiet-days{--qd-primary:var(--zeef2d-primary);--qd-accent:var(--zeef2d-accent);--qd-ink:var(--zeef2d-ink);--qd-slate:var(--zeef2d-slate);--qd-mist:var(--zeef2d-mist);--qd-border:var(--zeef2d-border);--qd-surface:var(--zeef2d-surface);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 16px} #quiet-days.quiet-days *{box-sizing:border-box} #quiet-days.quiet-days .quiet-days__container{max-width:980px;margin:0 auto} #quiet-days.quiet-days .quiet-days__header{margin-bottom:22px} #quiet-days.quiet-days .quiet-days__kicker{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em;color:var(--zeef2d-ink);font-size:13px;text-transform:none} #quiet-days.quiet-days .quiet-days__kicker::before{content:"";width:10px;height:10px;border-radius:999px;background:var(--zeef2d-accent);box-shadow:0 0 0 4px rgba(184,107,46,.18)} #quiet-days.quiet-days .quiet-days__title{font-family:var(--zeef2d-font-display);font-weight:750;letter-spacing:-.02em;margin:10px 0 10px;font-size:34px;line-height:1.12;text-wrap:balance;color:var(--zeef2d-ink)} #quiet-days.quiet-days .quiet-days__lead{margin:0;max-width:72ch;color:rgba(15,42,32,.86);font-size:16px;line-height:1.6} #quiet-days.quiet-days .quiet-days__content{display:block} #quiet-days.quiet-days .quiet-days__card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:18px 18px 16px;box-shadow:0 10px 28px rgba(31,75,59,.06)} #quiet-days.quiet-days .quiet-days__card + .quiet-days__card{margin-top:14px} #quiet-days.quiet-days .quiet-days__card--primary{border-color:rgba(184,107,46,.45);position:relative;overflow:hidden} #quiet-days.quiet-days .quiet-days__card--primary::after{content:"";position:absolute;inset:-40px -40px auto auto;width:180px;height:180px;border-radius:50%;background:rgba(184,107,46,.14);pointer-events:none} #quiet-days.quiet-days .quiet-days__card-title{margin:0 0 10px;color:var(--zeef2d-ink);font-size:18px;font-weight:800;letter-spacing:-.01em} #quiet-days.quiet-days .quiet-days__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px} #quiet-days.quiet-days .quiet-days__list-item{color:rgba(15,42,32,.88);font-size:15px;line-height:1.55;position:relative;padding-left:22px} #quiet-days.quiet-days .quiet-days__list-item::before{content:"✓";position:absolute;left:0;top:0;color:var(--zeef2d-accent);font-weight:900} #quiet-days.quiet-days .quiet-days__note{margin:12px 0 0;color:rgba(15,42,32,.82);font-size:14px;line-height:1.6} #quiet-days.quiet-days .quiet-days__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px} #quiet-days.quiet-days .quiet-days__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:12px;padding:12px 14px;font-weight:800;font-size:15px;border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);color:var(--zeef2d-ink);min-width:210px} #quiet-days.quiet-days .quiet-days__button:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px} #quiet-days.quiet-days .quiet-days__button:hover{border-color:rgba(184,107,46,.55)} #quiet-days.quiet-days .quiet-days__button--secondary{background:rgba(243,244,246,.6);border-color:rgba(31,75,59,.22)} #quiet-days.quiet-days .quiet-days__button--secondary:hover{border-color:rgba(31,75,59,.45)} #quiet-days.quiet-days .quiet-days__footer{margin-top:16px;display:flex;align-items:flex-start;gap:12px;padding:14px 14px;border:1px solid rgba(31,75,59,.18);background:rgba(255,255,255,.65);border-radius:var(--radius-md)} #quiet-days.quiet-days .quiet-days__badge{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:8px 10px;border-radius:999px;background:rgba(31,75,59,.08);color:var(--zeef2d-primary);font-weight:900;font-size:12px;letter-spacing:.02em} #quiet-days.quiet-days .quiet-days__footer-text{color:rgba(15,42,32,.86);font-size:14px;line-height:1.55} #quiet-days.quiet-days ::selection{background:rgba(184,107,46,.25)} @media (min-width:820px){ #quiet-days.quiet-days .quiet-days__content{display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:"primary secondary" "actions actions" "footer footer";gap:14px;align-items:start} #quiet-days.quiet-days .quiet-days__card--primary{grid-area:primary} #quiet-days.quiet-days .quiet-days__card:nth-of-type(2){grid-area:secondary} #quiet-days.quiet-days .quiet-days__actions{grid-area:actions} #quiet-days.quiet-days .quiet-days__footer{grid-area:footer} } @media (prefers-reduced-motion:reduce){ #quiet-days.quiet-days *{scroll-behavior:auto} } /* zeef2d:article-next */ /* zeef2d:article-next */ #article-next.article-next{background:var(--zeef2d-bg);padding:28px 16px;} #article-next .article-next__inner{max-width:1040px;margin:0 auto;display:flex;gap:24px;align-items:flex-start;} #article-next .article-next__left{flex:1 1 620px;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:22px 20px;} #article-next .article-next__right{flex:0 0 320px;} #article-next .article-next__title{font-family:var(--zeef2d-font-display);font-size:26px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px;color:var(--zeef2d-ink);text-wrap:balance;} #article-next .article-next__lead{margin:0 0 14px;color:var(--zeef2d-text);font-size:15.5px;line-height:1.55;} #article-next .article-next__checks{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px;} #article-next .article-next__check{position:relative;padding-left:18px;color:var(--zeef2d-text);font-size:14.5px;line-height:1.5;} #article-next .article-next__check::before{content:"";position:absolute;left:0;top:0.55em;width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--zeef2d-accent) 80%, var(--zeef2d-primary));border:2px solid color-mix(in srgb,var(--zeef2d-accent) 55%, white 45%);} #article-next .article-next__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;} #article-next .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:var(--zeef2d-radius-md,12px);font-weight:700;font-size:14.5px;text-decoration:none;line-height:1;min-height:42px;} #article-next .btn:focus-visible{outline:3px solid color-mix(in srgb,var(--zeef2d-accent) 65%, white 35%);outline-offset:2px;} #article-next .btn--primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid color-mix(in srgb,var(--zeef2d-primary) 92%, black 8%);} #article-next .btn--primary:hover{background:color-mix(in srgb,var(--zeef2d-primary) 85%, var(--zeef2d-accent) 15%);} #article-next .btn--ghost{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border:1px solid var(--zeef2d-border);} #article-next .btn--ghost:hover{border-color:color-mix(in srgb,var(--zeef2d-accent) 40%, var(--zeef2d-border));} #article-next .article-next__note{margin:14px 0 0;color:var(--zeef2d-slate);font-size:13.5px;line-height:1.45;} #article-next .route-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:18px 16px;position:sticky;top:16px;} #article-next .route-card__badge{display:inline-block;background:color-mix(in srgb,var(--zeef2d-primary) 12%, var(--zeef2d-surface));color:var(--zeef2d-ink);border:1px solid color-mix(in srgb,var(--zeef2d-primary) 20%, var(--zeef2d-border));padding:7px 10px;border-radius:999px;font-weight:800;font-size:12.5px;margin-bottom:12px;} #article-next .route-card__meta{margin-bottom:10px;} #article-next .route-card__title{font-family:var(--zeef2d-font-display);font-size:20px;letter-spacing:-0.01em;color:var(--zeef2d-ink);font-weight:850;line-height:1.2;} #article-next .route-card__sub{margin-top:4px;color:var(--zeef2d-slate);font-size:13.5px;line-height:1.4;} #article-next .route-card__hint{color:var(--zeef2d-text);font-size:13.5px;line-height:1.45;margin:0 0 14px;} #article-next .route-card__link{display:inline-flex;align-items:center;gap:10px;color:var(--zeef2d-primary);font-weight:800;text-decoration:none;font-size:14.5px;} #article-next .route-card__link:hover{text-decoration:underline;} #article-next .route-card__arrow{display:inline-block;transform:translateY(-0.5px);} #article-next ::selection{background:color-mix(in srgb,var(--zeef2d-accent) 35%, white 65%);color:var(--zeef2d-ink);} @media (max-width:900px){ #article-next .article-next__inner{flex-direction:column;} #article-next .article-next__right{flex:0 0 auto; width:100%;} #article-next .route-card{position:static;} } @media (prefers-reduced-motion:reduce){ #article-next .btn,#article-next .route-card__link{transition:none;} } /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{position:relative; overflow:hidden; background:var(--zeef2d-bg); color:var(--zeef2d-text);} #article-hero .article-hero__bg{position:absolute; inset:-2px; background: radial-gradient(900px 360px at 12% 18%, rgba(184,107,46,0.18), rgba(184,107,46,0) 60%), radial-gradient(820px 320px at 88% 26%, rgba(31,75,59,0.16), rgba(31,75,59,0) 58%), linear-gradient(180deg, rgba(229,231,235,0.55), rgba(243,244,246,1));} #article-hero .article-hero__inner{position:relative; max-width:1040px; margin:0 auto; padding:54px 20px 44px;} #article-hero .article-hero__header{max-width:860px;} #article-hero .article-hero__kicker{display:inline-flex; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--zeef2d-border); border-radius:999px; background:rgba(255,255,255,0.7); font-family:var(--zeef2d-font); font-size:13px; letter-spacing:0.2px; color:var(--zeef2d-secondary);} #article-hero .article-hero__title{margin:16px 0 10px; font-family:var(--zeef2d-font-display); font-size:40px; line-height:1.08; letter-spacing:-0.5px; text-wrap:balance; color:var(--zeef2d-ink);} #article-hero .article-hero__subhead{margin:0; font-size:16px; line-height:1.65; color:var(--zeef2d-secondary); max-width:720px;} #article-hero .article-hero__meta{margin-top:26px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px;} #article-hero .meta-tile{background:rgba(255,255,255,0.8); border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-lg,16px); padding:14px 14px; min-height:86px; box-shadow:0 10px 28px rgba(15,42,32,0.05);} #article-hero .meta-tile__label{font-size:12px; color:var(--zeef2d-slate); font-weight:600;} #article-hero .meta-tile__value{margin-top:8px; font-size:14px; line-height:1.35; color:var(--zeef2d-ink); font-weight:700;} #article-hero .article-hero__cta-row{margin-top:24px; display:flex; gap:14px; align-items:center; flex-wrap:wrap;} #article-hero .button{display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:var(--zeef2d-radius-md,12px); text-decoration:none; font-weight:800; font-size:14px; border:1px solid transparent; transition:background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;} #article-hero .button--primary{background:var(--zeef2d-primary); color:#fff; border-color:var(--zeef2d-primary); box-shadow:0 12px 30px rgba(31,75,59,0.18);} #article-hero .button--primary:hover{background: #184236; transform:translateY(-1px);} #article-hero .button--ghost{background:rgba(255,255,255,0.75); color:var(--zeef2d-ink); border-color:var(--zeef2d-border);} #article-hero .button--ghost:hover{background:rgba(255,255,255,0.95); border-color:rgba(184,107,46,0.6);} #article-hero .button:focus-visible{outline:3px solid rgba(184,107,46,0.35); outline-offset:2px;} #article-hero .article-hero__note{margin-top:18px; font-size:14px; line-height:1.65; color:var(--zeef2d-secondary); max-width:760px;} #article-hero ::selection{background:rgba(184,107,46,0.28);} @media (max-width: 980px){ #article-hero .article-hero__title{font-size:34px;} #article-hero .article-hero__meta{grid-template-columns:repeat(2, minmax(0, 1fr));} } @media (max-width: 560px){ #article-hero .article-hero__inner{padding:38px 16px 32px;} #article-hero .article-hero__title{font-size:28px; letter-spacing:-0.3px;} #article-hero .article-hero__subhead{font-size:15px;} #article-hero .article-hero__meta{gap:10px;} #article-hero .meta-tile{padding:12px;} #article-hero .meta-tile__value{font-size:13px;} } @media (prefers-reduced-motion: reduce){ #article-hero .button{transition:none;} } /* zeef2d:photo-stops */ /* zeef2d:photo-stops */ #photo-stops{--ps-pad:clamp(18px,3vw,28px);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:var(--ps-pad) 0;} #photo-stops .container{max-width:1120px;margin:0 auto;padding:0 clamp(16px,3vw,24px);} #photo-stops .section-header{max-width:720px;margin:0 0 22px 0;} #photo-stops .section-title{font-family:var(--zeef2d-font-display);font-weight:700;letter-spacing:-0.02em;text-wrap:balance;font-size:clamp(22px,2.6vw,34px);margin:0 0 10px 0;color:var(--zeef2d-ink);} #photo-stops .section-lead{margin:0;font-size:16px;line-height:1.65;color:var(--zeef2d-slate);} #photo-stops .stops{display:flex;flex-direction:column;gap:14px;margin-top:10px;} #photo-stops .stop{display:flex;gap:16px;align-items:flex-start;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:16px;} #photo-stops .stop-index{width:42px;min-width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--zeef2d-primary) 12%, var(--zeef2d-surface));border:1px solid color-mix(in srgb,var(--zeef2d-primary) 30%, var(--zeef2d-border));color:var(--zeef2d-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--zeef2d-font-display);font-size:18px;} #photo-stops .stop-body{flex:1;} #photo-stops .stop-title{margin:0 0 8px 0;font-size:18px;line-height:1.3;color:var(--zeef2d-ink);font-weight:700;} #photo-stops .stop-text{margin:0 0 12px 0;color:var(--zeef2d-slate);line-height:1.65;font-size:15px;} #photo-stops .stop-tips{margin:0;padding-left:18px;color:var(--zeef2d-slate);line-height:1.7;font-size:14px;} #photo-stops .stop-tips li{margin:6px 0;} #photo-stops .stop-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;} #photo-stops .meta-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--zeef2d-border);background:var(--zeef2d-bg);padding:8px 10px;border-radius:999px;color:var(--zeef2d-slate);font-size:13px;} #photo-stops .meta-pill-accent{background:color-mix(in srgb,var(--zeef2d-accent) 10%, var(--zeef2d-surface));border-color:color-mix(in srgb,var(--zeef2d-accent) 35%, var(--zeef2d-border));color:var(--zeef2d-primary);font-weight:600;} #photo-stops .action-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px;} #photo-stops .link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid var(--zeef2d-primary);border-radius:var(--zeef2d-radius-md,12px);padding:12px 14px;font-weight:700;min-width:220px;} #photo-stops .ghost-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:transparent;color:var(--zeef2d-ink);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md,12px);padding:12px 14px;font-weight:700;min-width:180px;} #photo-stops .link-button:hover{filter:brightness(1.03);} #photo-stops .ghost-button:hover{border-color:color-mix(in srgb,var(--zeef2d-primary) 40%, var(--zeef2d-border));} #photo-stops a:focus-visible,#photo-stops button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--zeef2d-accent) 55%, white);outline-offset:2px;} #photo-stops ::selection{background:color-mix(in srgb,var(--zeef2d-accent) 35%, white);} @media (min-width: 860px){ #photo-stops .stops{gap:16px;} #photo-stops .stop{padding:18px;} } @media (prefers-reduced-motion: reduce){ #photo-stops *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* zeef2d:term-in-tip */ /* zeef2d:term-in-tip */ #term-in-tip.term-in-tip{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:56px 0;} #term-in-tip .term-in-tip__wrap{max-width:980px;margin:0 auto;padding:0 20px;} #term-in-tip .term-in-tip__head{margin-bottom:26px;} #term-in-tip .term-in-tip__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--zeef2d-font);font-weight:700;letter-spacing:.2px;color:var(--zeef2d-ink);background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);padding:10px 12px;border-radius:var(--zeef2d-radius-md,12px);} #term-in-tip .term-in-tip__title{font-family:var(--zeef2d-font-display);font-size:clamp(22px,3vw,34px);line-height:1.1;margin:14px 0 10px;letter-spacing:-.3px;} #term-in-tip .term-in-tip__lead{margin:0;max-width:72ch;color:var(--zeef2d-secondary);font-size:16px;line-height:1.65;} #term-in-tip .term-in-tip__content{display:grid;grid-template-columns:1.3fr .9fr;gap:22px;align-items:start;} #term-in-tip .term-in-tip__grid{display:grid;grid-template-columns:1fr;gap:14px;} #term-in-tip .term-in-tip__item{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:16px 16px 16px 16px;box-shadow:0 10px 24px rgba(31,75,59,.10);} #term-in-tip .term-in-tip__num{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb, var(--zeef2d-primary) 12%, var(--zeef2d-surface));border:1px solid color-mix(in srgb, var(--zeef2d-primary) 25%, var(--zeef2d-border));display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--zeef2d-primary);font-family:var(--zeef2d-font-display);margin-bottom:10px;} #term-in-tip .term-in-tip__item-title{margin:0 0 6px;font-size:18px;letter-spacing:-.2px;color:var(--zeef2d-ink);} #term-in-tip .term-in-tip__item-text{margin:0;color:var(--zeef2d-secondary);line-height:1.65;font-size:15px;} #term-in-tip .term-in-tip__aside{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:18px 18px 16px;} #term-in-tip .term-in-tip__aside-title{margin:2px 0 10px;font-size:16px;color:var(--zeef2d-ink);letter-spacing:-.1px;} #term-in-tip .term-in-tip__steps{margin:0;padding-left:18px;} #term-in-tip .term-in-tip__step{margin:10px 0;color:var(--zeef2d-secondary);line-height:1.55;font-size:14.5px;} #term-in-tip .term-in-tip__aside-note{margin:12px 0 14px;color:var(--zeef2d-secondary);line-height:1.6;font-size:14.5px;} #term-in-tip .term-in-tip__link{display:inline-flex;align-items:center;gap:10px;background:var(--zeef2d-primary);color:var(--zeef2d-surface);text-decoration:none;border-radius:14px;padding:12px 14px;border:1px solid var(--zeef2d-primary);font-weight:800;letter-spacing:.1px;} #term-in-tip .term-in-tip__link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 55%, transparent);outline-offset:3px;} #term-in-tip .term-in-tip__link:hover{background:color-mix(in srgb, var(--zeef2d-primary) 88%, #000 12%);border-color:color-mix(in srgb, var(--zeef2d-primary) 85%, #000 15%);} #term-in-tip ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 30%, transparent);} @media (max-width: 860px){ #term-in-tip .term-in-tip__content{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #term-in-tip *{scroll-behavior:auto;} } /* zeef2d:quiet-days */ /* zeef2d:quiet-days */ #quiet-days{--qd-accent:var(--zeef2d-accent);--qd-ink:var(--zeef2d-ink);--qd-surface:var(--zeef2d-surface);--qd-bg:var(--zeef2d-bg);--qd-border:var(--zeef2d-border);--qd-secondary:var(--zeef2d-secondary);--qd-mist:var(--zeef2d-mist);font-family:var(--zeef2d-font);background:var(--zeef2d-bg);padding:48px 18px;} #quiet-days *{box-sizing:border-box;} #quiet-days .quiet-days__wrap{max-width:1040px;margin:0 auto;} #quiet-days .quiet-days__header{margin-bottom:18px;} #quiet-days .quiet-days__title{margin:0 0 8px 0;font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.1;letter-spacing:-0.02em;color:var(--zeef2d-ink);text-wrap:balance;} #quiet-days .quiet-days__lead{margin:0;max-width:68ch;color:var(--zeef2d-slate);font-size:15.5px;line-height:1.6;} #quiet-days .quiet-days__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:18px;} #quiet-days .quiet-days__card{grid-column:span 6;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:16px 16px 15px;box-shadow:0 10px 26px rgba(31,75,59,0.08);} #quiet-days .quiet-days__card--accent{border-color:rgba(184,107,46,0.55);box-shadow:0 12px 30px rgba(184,107,46,0.12);position:relative;} #quiet-days .quiet-days__card--accent::before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:linear-gradient(135deg, rgba(184,107,46,0.10), rgba(184,107,46,0) 55%);pointer-events:none;} #quiet-days .quiet-days__card-title{margin:0 0 8px 0;font-size:16.5px;line-height:1.25;color:var(--zeef2d-ink);letter-spacing:-0.01em;} #quiet-days .quiet-days__card-text{margin:0;color:var(--zeef2d-slate);font-size:14.5px;line-height:1.6;} #quiet-days .quiet-days__bottom{margin-top:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--zeef2d-border);background:rgba(255,255,255,0.72);} #quiet-days .quiet-days__hint{margin:0;color:var(--zeef2d-slate);font-size:14.5px;line-height:1.55;} #quiet-days .quiet-days__link{flex:0 0 auto;color:var(--zeef2d-primary);text-decoration:none;border:1px solid rgba(31,75,59,0.35);background:var(--zeef2d-surface);border-radius:var(--radius-md);padding:10px 12px;font-weight:650;font-size:14.5px;line-height:1;white-space:nowrap;} #quiet-days .quiet-days__link:focus-visible{outline:3px solid rgba(31,75,59,0.25);outline-offset:3px;} #quiet-days .quiet-days__link:hover{border-color:rgba(31,75,59,0.65);} #quiet-days .quiet-days__link:active{transform:translateY(1px);} ::selection{background:rgba(184,107,46,0.25);} @media (max-width:860px){ #quiet-days .quiet-days__card{grid-column:span 12;} #quiet-days .quiet-days__bottom{flex-direction:column;} #quiet-days .quiet-days__title{font-size:30px;} } @media (prefers-reduced-motion:reduce){ #quiet-days .quiet-days__link:active{transform:none;} } /* zeef2d:article-next */ /* zeef2d:article-next */ #article-next.article-next{--radius-md:var(--zeef2d-radius-md,12px);--radius-lg:var(--zeef2d-radius-lg,16px);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 16px;} #article-next.article-next .article-next__inner{max-width:980px;margin:0 auto;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:28px 20px;box-shadow:0 10px 30px rgba(31,75,59,.10);} #article-next.article-next .article-next__eyebrow{font-family:var(--zeef2d-font);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--zeef2d-accent);margin-bottom:10px;} #article-next.article-next .article-next__title{font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px 0;text-wrap:balance;} #article-next.article-next .article-next__lede{margin:0 0 18px 0;max-width:72ch;color:var(--zeef2d-secondary);font-size:16px;line-height:1.65;} #article-next.article-next .article-next__cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:18px 0 18px 0;} #article-next.article-next .article-next__primary,#article-next.article-next .article-next__secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--zeef2d-radius-md,12px);font-family:var(--zeef2d-font);font-weight:700;text-decoration:none;min-height:44px;} #article-next.article-next .article-next__primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid var(--zeef2d-primary);} #article-next.article-next .article-next__secondary{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border:1px solid var(--zeef2d-border);} #article-next.article-next .article-next__primary:focus-visible,#article-next.article-next .article-next__secondary:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;} #article-next.article-next .article-next__primary:hover{filter:brightness(.98);} #article-next.article-next .article-next__secondary:hover{border-color:rgba(184,107,46,.55);} #article-next.article-next .article-next__meta{display:flex;gap:12px;align-items:flex-start;padding-top:6px;border-top:1px dashed rgba(209,213,219,.9);} #article-next.article-next .article-next__meta-badge{flex:0 0 auto;background:rgba(184,107,46,.10);color:var(--zeef2d-accent);border:1px solid rgba(184,107,46,.35);padding:8px 10px;border-radius:999px;font-weight:800;font-size:13px;line-height:1;} #article-next.article-next .article-next__meta-text{margin:0;color:var(--zeef2d-secondary);line-height:1.6;font-size:15px;} #article-next.article-next ::selection{background:rgba(184,107,46,.25);} @media (max-width:640px){#article-next.article-next{padding:36px 12px;}#article-next.article-next .article-next__inner{padding:22px 14px;}#article-next.article-next .article-next__title{font-size:28px;}} @media (prefers-reduced-motion:reduce){#article-next.article-next *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero.article-hero{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 16px 22px;} #article-hero .article-hero__inner{max-width:1100px;margin:0 auto;} #article-hero .article-hero__kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md,12px);background:var(--zeef2d-surface);color:var(--zeef2d-secondary);font-weight:650;font-size:13px;letter-spacing:.2px;} #article-hero .article-hero__title{margin:18px 0 12px;font-family:var(--zeef2d-font-display);font-size:40px;line-height:1.08;letter-spacing:-.6px;text-wrap:balance;color:var(--zeef2d-ink);} #article-hero .article-hero__lead{margin:0 0 22px;max-width:760px;font-size:16px;line-height:1.6;color:var(--zeef2d-secondary);} #article-hero .article-hero__meta{display:grid;grid-template-columns:1.25fr .95fr;gap:18px;align-items:start;} #article-hero .meta-item{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:18px;} #article-hero .meta-item--summary{position:relative;overflow:hidden;} #article-hero .meta-item--summary:before{content:"";position:absolute;inset:-1px auto auto -1px;width:160px;height:160px;background:rgba(184,107,46,.12);border-right:1px solid rgba(184,107,46,.25);border-bottom:1px solid rgba(184,107,46,.25);transform:rotate(0deg);} #article-hero .meta-item__label{font-weight:750;color:var(--zeef2d-ink);margin:2px 0 10px;font-size:14px;letter-spacing:.2px;} #article-hero .meta-list{margin:0;padding-left:18px;color:var(--zeef2d-secondary);line-height:1.65;} #article-hero .meta-list li{margin:6px 0;} #article-hero .summary-grid{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;} #article-hero .summary-row{display:flex;gap:12px;align-items:baseline;border-bottom:1px solid var(--zeef2d-border);padding-bottom:10px;} #article-hero .summary-row:last-child{border-bottom:none;padding-bottom:0;} #article-hero .summary-row__key{min-width:108px;font-size:13px;color:var(--zeef2d-slate);font-weight:700;} #article-hero .summary-row__value{font-variant-numeric:tabular-nums;font-weight:750;color:var(--zeef2d-ink);font-size:14px;} #article-hero .article-hero__cta{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:var(--zeef2d-radius-md,12px);font-weight:800;text-decoration:none;cursor:pointer;min-height:44px;letter-spacing:.1px;} #article-hero .btn--primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid var(--zeef2d-primary);} #article-hero .btn--primary:focus-visible{outline:3px solid rgba(31,75,59,.35);outline-offset:2px;} #article-hero .btn--primary:hover{filter:brightness(1.03);} #article-hero .btn--ghost{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border:1px solid var(--zeef2d-border);} #article-hero .btn--ghost:focus-visible{outline:3px solid rgba(31,75,59,.25);outline-offset:2px;} #article-hero .btn--ghost:hover{border-color:rgba(31,75,59,.55);} #article-hero .article-hero__fineprint{position:relative;z-index:1;margin-top:10px;color:var(--zeef2d-slate);font-size:13px;line-height:1.5;} #article-hero .article-hero__divider{height:1px;background:var(--zeef2d-border);margin:22px 0 18px;} #article-hero .article-hero__next{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;} #article-hero .next-label{font-weight:800;color:var(--zeef2d-slate);font-size:13px;} #article-hero .next-link{color:var(--zeef2d-primary);font-weight:900;text-decoration:none;position:relative;} #article-hero .next-link:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--zeef2d-accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease;} #article-hero .next-link:hover:after{transform:scaleX(1);} #article-hero .next-link:focus-visible{outline:3px solid rgba(184,107,46,.3);outline-offset:3px;border-radius:10px;} #article-hero ::selection{background:rgba(184,107,46,.25);} @media (max-width:900px){#article-hero{padding-top:34px;}#article-hero .article-hero__title{font-size:32px;}#article-hero .article-hero__meta{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){#article-hero .next-link:after{transition:none;}} /* zeef2d:photo-stops */ /* zeef2d:photo-stops */ #photo-stops{--pad-inline:clamp(16px,3.5vw,28px);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 0 56px;} #photo-stops .container{max-width:1100px;margin:0 auto;padding:0 var(--pad-inline);} #photo-stops .section-header{margin-bottom:22px;} #photo-stops .section-title{font-family:var(--zeef2d-font-display);font-weight:700;letter-spacing:-0.02em;font-size:clamp(26px,3vw,40px);margin:0 0 10px;line-height:1.05;text-wrap:balance;} #photo-stops .section-lead{margin:0;max-width:70ch;font-size:16px;line-height:1.6;color:color-mix(in srgb,var(--zeef2d-text) 86%,var(--zeef2d-slate) 14%);} #photo-stops .stops{display:grid;grid-template-columns:1fr;gap:18px;margin-top:26px;} #photo-stops .stop-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:18px 18px 16px;display:grid;grid-template-columns:44px 1fr;gap:14px;box-shadow:0 10px 28px color-mix(in srgb,var(--zeef2d-primary) 10%, transparent 90%);} #photo-stops .stop-number{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--zeef2d-primary) 10%,var(--zeef2d-surface) 90%);border:1px solid color-mix(in srgb,var(--zeef2d-primary) 25%,var(--zeef2d-border) 75%);display:flex;align-items:center;justify-content:center;font-family:var(--zeef2d-font-display);font-weight:750;color:var(--zeef2d-primary);} #photo-stops .stop-title{margin:2px 0 6px;font-size:18px;font-weight:700;letter-spacing:-0.01em;} #photo-stops .stop-text{margin:0 0 10px;color:color-mix(in srgb,var(--zeef2d-text) 86%,var(--zeef2d-slate) 14%);line-height:1.6;font-size:15px;} #photo-stops .stop-bullets{margin:0;padding-left:18px;color:var(--zeef2d-text);} #photo-stops .stop-bullets li{margin:6px 0;line-height:1.55;font-size:14.5px;color:color-mix(in srgb,var(--zeef2d-text) 84%,var(--zeef2d-slate) 16%);} #photo-stops .callout{margin-top:18px;background:color-mix(in srgb,var(--zeef2d-primary) 6%, var(--zeef2d-surface) 94%);border:1px solid color-mix(in srgb,var(--zeef2d-accent) 18%, var(--zeef2d-border) 82%);border-radius:var(--radius-lg);padding:14px 16px;} #photo-stops .callout-text{margin:0;line-height:1.6;color:color-mix(in srgb,var(--zeef2d-text) 90%,var(--zeef2d-accent) 10%);font-size:15px;} #photo-stops :focus-visible{outline:3px solid color-mix(in srgb,var(--zeef2d-accent) 55%, white 45%);outline-offset:3px;} #photo-stops ::selection{background:color-mix(in srgb,var(--zeef2d-accent) 28%, transparent);} @media (min-width:860px){ #photo-stops .stops{grid-template-columns:1fr;gap:16px;} #photo-stops .stop-card{padding:20px 22px 18px;} } @media (prefers-reduced-motion:reduce){ #photo-stops *{scroll-behavior:auto;} } /* zeef2d:term-in-tip */ /* zeef2d:term-in-tip */ #term-in-tip.term-in-tip{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--pad:clamp(16px,3.5vw,28px);background:var(--zeef2d-bg);color:var(--zeef2d-ink);padding:var(--pad) 0} #term-in-tip .container{max-width:1050px;margin:0 auto;padding:0 var(--pad)} #term-in-tip .kicker{display:inline-block;background:rgba(184,107,46,.12);color:var(--zeef2d-ink);border:1px solid rgba(184,107,46,.35);padding:7px 12px;border-radius:999px;font-weight:650;letter-spacing:.02em;font-size:13px} #term-in-tip .title{margin:14px 0 10px;font-family:var(--zeef2d-font-display);font-size:clamp(22px,3vw,34px);line-height:1.12;letter-spacing:-.02em;text-wrap:balance} #term-in-tip .lead{margin:0 0 18px;max-width:68ch;font-size:16px;line-height:1.7;color:var(--zeef2d-text)} #term-in-tip .content{display:grid;grid-template-columns:1.25fr .9fr;gap:18px;align-items:start} #term-in-tip .col{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:16px} #term-in-tip .col.aside{background:transparent;border:none;padding:0} #term-in-tip .subhead{margin:2px 0 12px;font-size:16px;letter-spacing:.01em} #term-in-tip .list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px} #term-in-tip .list li{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--radius-md);background:rgba(229,231,235,.55);border:1px solid rgba(209,213,219,.75)} #term-in-tip .num{flex:0 0 26px;height:26px;border-radius:999px;display:grid;place-items:center;background:var(--zeef2d-primary);color:var(--zeef2d-surface);font-weight:750;font-size:13px} #term-in-tip .item-text{font-size:14.5px;line-height:1.5;color:var(--zeef2d-text)} #term-in-tip .item-text strong{color:var(--zeef2d-ink)} #term-in-tip .callout{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:16px} #term-in-tip .callout-top{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--zeef2d-accent);margin-bottom:8px} #term-in-tip .callout-title{margin:0 0 8px;font-size:18px;line-height:1.2} #term-in-tip .callout-body{margin:0 0 12px;color:var(--zeef2d-text);line-height:1.65} #term-in-tip .link{display:inline-block;color:var(--zeef2d-primary);font-weight:750;text-decoration:none;border-bottom:1px solid rgba(31,75,59,.35)} #term-in-tip .link:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:3px;border-bottom-color:transparent} #term-in-tip .mini-grid{margin-top:12px;display:grid;grid-template-columns:1fr;gap:10px} #term-in-tip .mini-item{padding:12px;border-radius:var(--radius-md);background:rgba(229,231,235,.55);border:1px solid rgba(209,213,219,.75)} #term-in-tip .mini-label{font-size:12px;color:var(--zeef2d-slate);font-weight:700} #term-in-tip .mini-value{margin-top:4px;font-weight:800;font-size:14.5px;letter-spacing:.01em} #term-in-tip .actions{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap} #term-in-tip .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.01em;border-radius:999px;padding:12px 16px;min-width:190px;transition:background-color .15s ease,border-color .15s ease,color .15s ease} #term-in-tip .btn-primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid var(--zeef2d-primary)} #term-in-tip .btn-primary:hover{background:rgba(31,75,59,.92)} #term-in-tip .btn-primary:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:3px} #term-in-tip .btn-ghost{background:transparent;color:var(--zeef2d-primary);border:2px solid rgba(31,75,59,.35)} #term-in-tip .btn-ghost:hover{background:rgba(31,75,59,.06)} #term-in-tip .btn-ghost:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:3px} #term-in-tip .fineprint{margin-top:14px;color:var(--zeef2d-slate);font-size:13.5px;line-height:1.6} #term-in-tip ::selection{background:rgba(184,107,46,.25)} @media (max-width:900px){#term-in-tip .content{grid-template-columns:1fr;gap:12px}#term-in-tip .col.aside{padding:0}#term-in-tip .btn{min-width:0;width:100%}} @media (prefers-reduced-motion:reduce){#term-in-tip .btn{transition:none}} /* zeef2d:quiet-days */ /* zeef2d:quiet-days */ #quiet-days.quiet-days{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 16px;} #quiet-days .quiet-days__container{max-width:1120px;margin:0 auto;} #quiet-days .quiet-days__header{margin-bottom:28px;} #quiet-days .quiet-days__kicker{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em;color:var(--zeef2d-primary);font-size:13px;text-transform:none;margin:0 0 10px;} #quiet-days .quiet-days__title{font-family:var(--zeef2d-font-display);font-weight:800;letter-spacing:-.02em;text-wrap:balance;font-size:40px;line-height:1.08;margin:0 0 12px;} #quiet-days .quiet-days__lead{max-width:760px;margin:0;color:var(--zeef2d-secondary);font-size:16px;line-height:1.65;} #quiet-days .quiet-days__layout{display:grid;grid-template-columns:1fr 1.25fr;gap:22px;align-items:start;} #quiet-days .quiet-days__note{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg);padding:18px 18px 16px;box-shadow:0 10px 26px rgba(31,75,59,.08);} #quiet-days .quiet-days__note-badge{width:34px;height:34px;border-radius:10px;background:rgba(184,107,46,.12);border:1px solid rgba(184,107,46,.28);display:flex;align-items:center;justify-content:center;color:var(--zeef2d-accent);font-weight:900;margin-bottom:12px;} #quiet-days .quiet-days__note-title{margin:0 0 10px;font-size:18px;letter-spacing:-.01em;} #quiet-days .quiet-days__list{margin:0;padding-left:18px;color:var(--zeef2d-secondary);line-height:1.6;font-size:15px;} #quiet-days .quiet-days__list li{margin:6px 0;} #quiet-days .quiet-days__cards{display:grid;grid-template-columns:1fr;gap:12px;} #quiet-days .quiet-days__card{background:rgba(255,255,255,.65);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg);padding:16px 16px 14px;} #quiet-days .quiet-days__card-title{margin:0 0 8px;font-size:18px;letter-spacing:-.01em;} #quiet-days .quiet-days__card-text{margin:0;color:var(--zeef2d-secondary);font-size:15px;line-height:1.65;} #quiet-days .quiet-days__cta{margin-top:26px;display:flex;align-items:center;gap:14px;} #quiet-days .quiet-days__cta-text{margin:0;color:var(--zeef2d-secondary);font-size:15px;} #quiet-days .quiet-days__button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--zeef2d-radius-md);background:var(--zeef2d-primary);color:var(--zeef2d-surface);text-decoration:none;font-weight:800;border:1px solid rgba(0,0,0,.0);} #quiet-days .quiet-days__button:focus-visible{outline:3px solid rgba(184,107,46,.55);outline-offset:2px;} #quiet-days .quiet-days__button:hover{background:#174234;} #quiet-days .quiet-days__button:active{background:#12372d;} #quiet-days ::selection{background:rgba(184,107,46,.35);} @media (max-width: 900px){#quiet-days .quiet-days__title{font-size:34px;}#quiet-days .quiet-days__layout{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#quiet-days *{scroll-behavior:auto;transition:none !important;}} /* zeef2d:article-next */ /* zeef2d:article-next */ .article-next{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:24px 0;} .article-next__inner{max-width:1040px;margin:0 auto;padding:0 18px;} .article-next__text{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg);padding:18px 18px 14px 18px;} .article-next__kicker{margin:0 0 10px 0;font:600 12px/1.2 var(--zeef2d-font);letter-spacing:0.02em;text-transform:uppercase;color:var(--zeef2d-secondary);} .article-next__title{margin:0 0 10px 0;font:700 28px/1.12 var(--zeef2d-font-display);letter-spacing:-0.015em;text-wrap:balance;} .article-next__lead{margin:0;font:400 15px/1.7 var(--zeef2d-font);color:var(--zeef2d-secondary);max-width:70ch;} .article-next__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;margin:14px 0 0 0;} .cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--zeef2d-radius-md);text-decoration:none;font:700 14px/1 var(--zeef2d-font);border:1px solid transparent;min-width:160px;} .cta--primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:var(--zeef2d-primary);} .cta--primary:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 45%, var(--zeef2d-surface) 55%);outline-offset:2px;} .cta--ghost{background:transparent;color:var(--zeef2d-primary);border-color:var(--zeef2d-border);} .cta--ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-primary) 35%, var(--zeef2d-surface) 65%);outline-offset:2px;} .cta:active{transform:translateY(1px);} .cta[aria-disabled="true"]{opacity:0.6;cursor:not-allowed;} .article-next__meta{margin-top:14px;display:flex;gap:12px;align-items:flex-start;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md);padding:14px 14px;} .article-next__meta-icon{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--zeef2d-accent) 14%, var(--zeef2d-surface) 86%);border:1px solid color-mix(in srgb, var(--zeef2d-accent) 30%, var(--zeef2d-border) 70%);font-size:16px;} .article-next__meta-text{margin:0;font:500 14px/1.6 var(--zeef2d-font);color:var(--zeef2d-secondary);} ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 35%, var(--zeef2d-surface) 65%);} @media (min-width: 820px){ .article-next{padding:34px 0;} .article-next__inner{padding:0 22px;} .article-next__inner{display:block;} .article-next__text{padding:22px 22px 16px 22px;} .article-next__title{font-size:34px;} .article-next__actions{margin-top:16px;} } @media (prefers-reduced-motion: reduce){ .cta:active{transform:none;} } /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{--section-accent:var(--zeef2d-accent);--section-ink:var(--zeef2d-ink);--section-text:var(--zeef2d-text);--section-surface:var(--zeef2d-surface);--section-bg:var(--zeef2d-bg);--section-border:var(--zeef2d-border);--section-mist:var(--zeef2d-mist);font-family:var(--zeef2d-font);background:var(--zeef2d-bg);padding:28px 0 22px;} #article-hero .hero-wrap{max-width:1120px;margin:0 auto;padding:0 18px;} #article-hero .hero-grid{display:grid;grid-template-columns:1.35fr 0.85fr;gap:22px;align-items:start;} #article-hero .hero-head{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg,16px);padding:18px 18px 16px;box-shadow:0 10px 28px rgba(31,75,59,0.10);} #article-hero .hero-kicker{display:inline-block;font-size:13px;letter-spacing:0.02em;color:var(--zeef2d-secondary);text-transform:none;margin-bottom:10px;} #article-hero .hero-title{font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.08;margin:0 0 10px;color:var(--zeef2d-ink);letter-spacing:-0.02em;text-wrap:balance;} #article-hero .hero-sub{margin:0 0 14px;color:var(--zeef2d-text);font-size:15.5px;line-height:1.55;} #article-hero .hero-sub strong{color:var(--zeef2d-ink);font-weight:700;} #article-hero .hero-meta{display:flex;flex-wrap:wrap;gap:10px 14px;margin:12px 0 14px;} #article-hero .meta-item{display:flex;flex-direction:column;gap:4px;min-width:160px;} #article-hero .meta-label{font-size:12.5px;color:var(--zeef2d-slate);} #article-hero .meta-value{font-size:14.5px;color:var(--zeef2d-ink);font-weight:700;} #article-hero .hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:var(--radius-md,12px);font-weight:700;text-decoration:none;letter-spacing:0.01em;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .08s ease;} #article-hero .btn:focus-visible{outline:3px solid rgba(184,107,46,0.35);outline-offset:2px;} #article-hero .btn:active{transform:translateY(1px);} #article-hero .btn-primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid rgba(0,0,0,0);} #article-hero .btn-primary:hover{background:#184033;} #article-hero .btn-ghost{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border:1px solid var(--zeef2d-border);} #article-hero .btn-ghost:hover{border-color:rgba(184,107,46,0.65);} #article-hero .hero-aside{display:flex;flex-direction:column;gap:14px;} #article-hero .hero-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg,16px);padding:14px;} #article-hero .card-row{display:flex;gap:12px;align-items:flex-start;padding:10px 8px;border-radius:var(--radius-md,12px);} #article-hero .card-row:not(:last-child){border-bottom:1px dashed rgba(209,213,219,0.9);} #article-hero .card-badge{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(184,107,46,0.12);border:1px solid rgba(184,107,46,0.35);color:var(--zeef2d-accent);font-weight:900;flex:0 0 auto;} #article-hero .card-title{font-weight:800;color:var(--zeef2d-ink);font-size:14.5px;margin-bottom:4px;} #article-hero .card-body{color:var(--zeef2d-text);font-size:13.5px;line-height:1.45;} #article-hero .hero-tip{background:linear-gradient(0deg, rgba(185,107,46,0.10), rgba(185,107,46,0.10)), var(--zeef2d-surface);border:1px solid rgba(184,107,46,0.30);border-radius:var(--radius-lg,16px);padding:14px 14px 13px;} #article-hero .hero-tip-title{font-weight:900;color:var(--zeef2d-ink);margin-bottom:6px;} #article-hero .hero-tip-body{margin:0;color:var(--zeef2d-text);font-size:14px;line-height:1.55;} #article-hero .hero-media{margin-top:18px;border-radius:var(--radius-lg,16px);overflow:hidden;border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);} #article-hero .hero-img{width:100%;height:auto;display:block;} #article-hero::selection{background:rgba(184,107,46,0.25);} @media (max-width: 900px){#article-hero .hero-grid{grid-template-columns:1fr;gap:14px;}#article-hero .hero-title{font-size:30px;}.hero-meta{margin-bottom:10px;}} @media (prefers-reduced-motion: reduce){#article-hero .btn{transition:none;}} /* zeef2d:photo-stops */ /* zeef2d:photo-stops */ #photo-stops{--ps-accent:var(--zeef2d-accent);--ps-ink:var(--zeef2d-ink);--ps-slate:var(--zeef2d-slate);--ps-border:var(--zeef2d-border);--ps-bg:var(--zeef2d-bg);--ps-surface:var(--zeef2d-surface);padding:48px 16px;background:var(--zeef2d-bg);} #photo-stops .photo-stops__container{max-width:980px;margin:0 auto;} #photo-stops .photo-stops__header{margin-bottom:22px;} #photo-stops .photo-stops__title{margin:0 0 8px 0;font-family:var(--zeef2d-font-display);font-weight:800;letter-spacing:-0.02em;text-wrap:balance;font-size:clamp(28px,3.2vw,40px);color:var(--zeef2d-ink);} #photo-stops .photo-stops__subtitle{margin:0;max-width:72ch;font-size:16px;line-height:1.65;color:var(--zeef2d-secondary);} #photo-stops .photo-stops__list{list-style:none;padding:0;margin:22px 0 0 0;display:flex;flex-direction:column;gap:14px;} #photo-stops .photo-stop{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:18px;display:flex;gap:16px;align-items:flex-start;} #photo-stops .photo-stop__index{width:38px;height:38px;border-radius:999px;background:color-mix(in srgb, var(--zeef2d-accent) 18%, var(--zeef2d-surface));border:1px solid color-mix(in srgb, var(--zeef2d-accent) 35%, var(--zeef2d-border));display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--zeef2d-primary);font-family:var(--zeef2d-font-display);} #photo-stops .photo-stop__heading{margin:0 0 10px 0;font-size:18px;line-height:1.25;color:var(--zeef2d-ink);} #photo-stops .photo-stop__copy{margin:0 0 10px 0;color:var(--zeef2d-secondary);line-height:1.65;font-size:14.8px;} #photo-stops .photo-stop__copy strong{color:var(--zeef2d-ink);font-weight:800;} #photo-stops .photo-stop:last-child{margin-bottom:2px;} #photo-stops .photo-stops__note{margin-top:16px;background:color-mix(in srgb, var(--zeef2d-primary) 8%, var(--zeef2d-surface));border:1px solid color-mix(in srgb, var(--zeef2d-primary) 18%, var(--zeef2d-border));border-radius:var(--zeef2d-radius-md,12px);padding:14px 16px;} #photo-stops .photo-stops__note-text{margin:0;color:var(--zeef2d-ink);line-height:1.65;font-size:15px;} #photo-stops .photo-stops__actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;} #photo-stops .photo-stops__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:var(--zeef2d-radius-md,12px);border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);color:var(--zeef2d-ink);text-decoration:none;font-weight:800;line-height:1.2;} #photo-stops .photo-stops__link:hover{border-color:color-mix(in srgb, var(--zeef2d-accent) 55%, var(--zeef2d-border));} #photo-stops .photo-stops__link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 55%, transparent);outline-offset:2px;} #photo-stops .photo-stops__link--accent{background:color-mix(in srgb, var(--zeef2d-accent) 14%, var(--zeef2d-surface));border-color:color-mix(in srgb, var(--zeef2d-accent) 40%, var(--zeef2d-border));} #photo-stops .photo-stops__link--accent:hover{background:color-mix(in srgb, var(--zeef2d-accent) 18%, var(--zeef2d-surface));} #photo-stops ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 28%, var(--zeef2d-surface));} @media (min-width: 840px){ #photo-stops{padding:64px 16px;} #photo-stops .photo-stop{padding:22px;} #photo-stops .photo-stop__copy{font-size:15.2px;} } @media (prefers-reduced-motion: reduce){ #photo-stops .photo-stops__link{transition:none;} } /* zeef2d:term-in-tip */ /* zeef2d:term-in-tip */ #term-in-tip{--radius-sm:var(--zeef2d-radius-sm,8px);--radius-md:var(--zeef2d-radius-md,12px);--radius-lg:var(--zeef2d-radius-lg,16px);padding:34px 0;} #term-in-tip .container{max-width:1040px;margin:0 auto;padding:0 18px;} #term-in-tip .section-header{padding:10px 0 18px;} #term-in-tip .eyebrow{margin:0 0 10px;font:600 12px/1.2 var(--zeef2d-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zeef2d-accent);} #term-in-tip .title{margin:0 0 10px;font:700 34px/1.08 var(--zeef2d-font-display);letter-spacing:-0.02em;color:var(--zeef2d-ink);text-wrap:balance;} #term-in-tip .lead{margin:0;max-width:72ch;font:400 16px/1.7 var(--zeef2d-font);color:var(--zeef2d-secondary);} #term-in-tip .content{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:22px;} #term-in-tip .callout{display:flex;gap:14px;align-items:flex-start;background:var(--zeef2d-bg);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md,12px);padding:18px;} #term-in-tip .callout-icon{width:42px;height:42px;border-radius:12px;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto;} #term-in-tip .callout-title{margin:0 0 8px;font:700 18px/1.25 var(--zeef2d-font-display);color:var(--zeef2d-ink);} #term-in-tip .tips-list{margin:0;padding-left:18px;color:var(--zeef2d-secondary);} #term-in-tip .tips-list li{margin:8px 0;font:400 15px/1.65 var(--zeef2d-font);} #term-in-tip .columns{margin-top:18px;display:grid;grid-template-columns:1fr;gap:12px;} #term-in-tip .panel{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md,12px);padding:16px;} #term-in-tip .panel-title{margin:0 0 8px;font:700 16px/1.3 var(--zeef2d-font-display);color:var(--zeef2d-ink);} #term-in-tip .panel-text{margin:0;color:var(--zeef2d-secondary);font:400 15px/1.65 var(--zeef2d-font);} #term-in-tip .check{margin-top:16px;padding:16px;border-radius:var(--zeef2d-radius-md,12px);background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);} #term-in-tip .check-title{margin:0 0 10px;font:700 16px/1.3 var(--zeef2d-font-display);color:var(--zeef2d-ink);} #term-in-tip .check-list{list-style:none;margin:0;padding:0;} #term-in-tip .check-list li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:var(--zeef2d-secondary);font:400 15px/1.6 var(--zeef2d-font);} #term-in-tip .check-mark{width:22px;height:22px;border-radius:7px;background:var(--zeef2d-primary);color:var(--zeef2d-surface);display:inline-flex;align-items:center;justify-content:center;font:800 12px/1 var(--zeef2d-font);flex:0 0 auto;} #term-in-tip .section-footer{margin-top:14px;} #term-in-tip .fineprint{margin:0;color:var(--zeef2d-slate);font:400 13px/1.6 var(--zeef2d-font);} #term-in-tip a{color:var(--zeef2d-primary);text-decoration:underline;text-decoration-color:var(--zeef2d-border);} #term-in-tip :focus-visible{outline:3px solid var(--zeef2d-accent);outline-offset:2px;} #term-in-tip ::selection{background:color-mix(in srgb,var(--zeef2d-accent) 30%, white);} @media (min-width:840px){ #term-in-tip{padding:44px 0;} #term-in-tip .title{font-size:40px;} #term-in-tip .content{padding:26px;} #term-in-tip .columns{grid-template-columns:1fr 1fr;} } @media (prefers-reduced-motion: reduce){ #term-in-tip *{scroll-behavior:auto;} } /* zeef2d:quiet-days */ /* zeef2d:quiet-days */ #quiet-days.quiet-days-wrapper{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:34px 0} #quiet-days .quiet-days-container{max-width:1080px;margin:0 auto;padding:0 18px} #quiet-days .quiet-days-header{display:block;margin-bottom:18px} #quiet-days .quiet-days-kicker{margin:0 0 10px 0;font:600 13px/1.2 var(--zeef2d-font);letter-spacing:.06em;text-transform:uppercase;color:var(--zeef2d-secondary)} #quiet-days .quiet-days-title{margin:0 0 10px 0;font:700 34px/1.12 var(--zeef2d-font-display);letter-spacing:-.015em;text-wrap:balance;color:var(--zeef2d-ink)} #quiet-days .quiet-days-subtitle{margin:0;font:500 16px/1.55 var(--zeef2d-font);color:var(--zeef2d-secondary);max-width:62ch} #quiet-days .quiet-days-grid{display:grid;grid-template-columns:1.05fr .95fr .9fr;gap:14px;align-items:start} #quiet-days .quiet-days-card,#quiet-days .quiet-days-aside{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:16px 16px 14px;box-shadow:0 10px 30px rgba(15,42,32,.05)} #quiet-days .quiet-days-card-title,#quiet-days .quiet-days-aside-title{margin:0 0 10px 0;font:700 16px/1.25 var(--zeef2d-font);color:var(--zeef2d-ink)} #quiet-days .quiet-days-list{margin:0;padding-left:18px} #quiet-days .quiet-days-list-item{margin:0 0 8px 0;font:500 14.5px/1.55 var(--zeef2d-font);color:var(--zeef2d-secondary)} #quiet-days .quiet-days-list-item:last-child{margin-bottom:0} #quiet-days .quiet-days-steps{margin:0;padding-left:18px} #quiet-days .quiet-days-step{margin:0 0 10px 0;font:500 14.5px/1.55 var(--zeef2d-font);color:var(--zeef2d-secondary)} #quiet-days .quiet-days-step:last-child{margin-bottom:0} #quiet-days .quiet-days-note{margin:12px 0 0 0;font:500 14.5px/1.6 var(--zeef2d-font);color:var(--zeef2d-secondary)} #quiet-days .quiet-days-actions{margin-top:16px;display:flex;gap:12px;justify-content:space-between;align-items:center} #quiet-days .quiet-days-link{display:inline-flex;align-items:center;gap:10px;justify-content:center;text-decoration:none;border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);color:var(--zeef2d-ink);border-radius:var(--zeef2d-radius-md,12px);padding:12px 14px;font:700 14.5px/1 var(--zeef2d-font);min-width:180px} #quiet-days .quiet-days-link-primary{border-color:rgba(184,107,46,.55);background:rgba(184,107,46,.10)} #quiet-days .quiet-days-link-arrow{font:900 16px/1 var(--zeef2d-font);color:var(--zeef2d-accent)} #quiet-days .quiet-days-link:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:2px} #quiet-days ::selection{background:rgba(184,107,46,.25)} @media (max-width:980px){#quiet-days .quiet-days-grid{grid-template-columns:1fr;gap:12px}#quiet-days .quiet-days-actions{flex-direction:column;align-items:stretch}#quiet-days .quiet-days-link{min-width:0;width:100%}} @media (prefers-reduced-motion:reduce){#quiet-days *{scroll-behavior:auto}} /* zeef2d:article-next */ /* zeef2d:article-next */ #article-next{background:var(--zeef2d-bg);padding:30px 0 46px;} #article-next .container{max-width:1040px;margin:0 auto;padding:0 16px;} #article-next .contact-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);box-shadow:0 10px 30px rgba(15,42,32,.08);padding:22px 18px;} #article-next .contact-title{margin:0 0 8px;font-family:var(--zeef2d-font-display);font-size:30px;line-height:1.1;letter-spacing:-.02em;color:var(--zeef2d-ink);text-wrap:balance;} #article-next .contact-lead{margin:0 0 16px;color:var(--zeef2d-secondary);font-size:16px;line-height:1.6;max-width:62ch;} #article-next .contact-cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0 16px;} #article-next .primary-link,#article-next .secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border-radius:var(--zeef2d-radius-md,12px);font-weight:700;text-decoration:none;letter-spacing:.01em;} #article-next .primary-link{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid rgba(0,0,0,0);} #article-next .primary-link:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;} #article-next .primary-link:hover{filter:saturate(1.05);} #article-next .secondary-link{background:transparent;color:var(--zeef2d-ink);border:1px solid var(--zeef2d-border);} #article-next .secondary-link:focus-visible{outline:3px solid rgba(31,75,59,.35);outline-offset:2px;} #article-next .secondary-link:hover{border-color:rgba(31,75,59,.35);} #article-next .contact-meta{margin-top:10px;padding-top:12px;border-top:1px dashed rgba(17,24,39,.18);} #article-next .meta-list{margin:0;display:flex;gap:18px;flex-wrap:wrap;} #article-next .meta-item{margin:0;min-width:220px;} #article-next .meta-label{font-size:13px;color:var(--zeef2d-slate);font-weight:700;letter-spacing:.02em;text-transform:none;} #article-next .meta-value{margin:6px 0 0;} #article-next .meta-link{color:var(--zeef2d-ink);text-decoration:underline;text-decoration-color:rgba(184,107,46,.55);text-underline-offset:3px;} #article-next .meta-link:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;border-radius:6px;} #article-next .contact-foot{margin:14px 0 0;color:var(--zeef2d-secondary);font-size:14px;line-height:1.6;max-width:70ch;} #article-next ::selection{background:rgba(184,107,46,.25);} @media (max-width:720px){#article-next{padding:22px 0 36px;}#article-next .contact-card{padding:18px 14px;}#article-next .contact-title{font-size:26px;}#article-next .meta-item{min-width:100%;}} @media (prefers-reduced-motion:reduce){#article-next .primary-link,#article-next .secondary-link{transition:none;}} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 0 34px;} #article-hero .container{max-width:1080px;margin:0 auto;padding:0 18px;} #article-hero .hero-head{padding:8px 0 18px;} #article-hero .kicker{display:inline-block;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);color:var(--zeef2d-secondary);padding:8px 12px;border-radius:var(--zeef2d-radius-md,12px);font-size:13px;letter-spacing:.2px;} #article-hero .title{margin:14px 0 10px;font-family:var(--zeef2d-font-display);font-size:44px;line-height:1.05;letter-spacing:-0.4px;text-wrap:balance;color:var(--zeef2d-ink);} #article-hero .subhead{margin:0;max-width:72ch;font-size:16px;line-height:1.6;color:var(--zeef2d-secondary);} #article-hero .meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;margin-bottom:22px;} #article-hero .meta-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:14px 14px 12px;min-height:78px;} #article-hero .meta-label{font-size:12px;letter-spacing:.25px;text-transform:uppercase;color:var(--zeef2d-slate);margin-bottom:6px;} #article-hero .meta-value{font-size:15px;font-weight:700;color:var(--zeef2d-ink);} #article-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 14px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--zeef2d-radius-md,12px);text-decoration:none;font-weight:700;border:1px solid transparent;min-width:190px;} #article-hero .btn.primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:var(--zeef2d-primary);} #article-hero .btn.secondary{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border-color:var(--zeef2d-border);} #article-hero .btn:focus-visible{outline:3px solid var(--zeef2d-accent);outline-offset:2px;} #article-hero .btn:hover{filter:brightness(0.98);} #article-hero .note{margin-top:18px;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:16px 16px 14px;} #article-hero .note-title{margin:0 0 6px;font-size:14px;font-weight:800;color:var(--zeef2d-ink);} #article-hero .note-text{margin:0;color:var(--zeef2d-secondary);line-height:1.65;font-size:14px;} #article-hero::selection{background:rgba(184,107,46,.25);} @media (max-width: 980px){#article-hero .title{font-size:38px;}#article-hero .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width: 560px){#article-hero{padding:34px 0 26px;}#article-hero .title{font-size:30px;}#article-hero .meta-grid{grid-template-columns:1fr;}#article-hero .btn{min-width:0;width:100%;}} @media (prefers-reduced-motion: reduce){#article-hero *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zeef2d:photo-stops */ /* zeef2d:photo-stops */ #photo-stops{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 0 60px;} #photo-stops .container{max-width:1120px;margin:0 auto;padding:0 20px;} #photo-stops .section-head{max-width:860px;margin:0 0 26px;} #photo-stops .kicker{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:var(--zeef2d-accent);margin-bottom:10px;} #photo-stops .section-title{font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.12;margin:0 0 10px;letter-spacing:-.02em;text-wrap:balance;} #photo-stops .section-subtitle{margin:0;font-size:16px;line-height:1.7;color:var(--zeef2d-secondary);max-width:760px;} #photo-stops .stops{display:flex;flex-direction:column;gap:22px;} #photo-stops .stop{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);overflow:hidden;} #photo-stops .stop-alt{grid-template-columns:.95fr 1.05fr;} #photo-stops .media{padding:14px;background:linear-gradient(180deg, rgba(31,75,59,.05), rgba(31,75,59,0));} #photo-stops .media-frame{height:100%;min-height:210px;border-radius:var(--radius-md);border:1px solid var(--zeef2d-border);overflow:hidden;} #photo-stops .media-frame img{width:100%;height:100%;object-fit:cover;display:block;} #photo-stops .content{padding:22px 22px 20px;display:flex;flex-direction:column;justify-content:center;} #photo-stops .stop-index{font-family:var(--zeef2d-font-display);font-size:44px;line-height:1;color:var(--zeef2d-accent);margin-bottom:8px;} #photo-stops .stop-title{margin:0 0 10px;font-family:var(--zeef2d-font-display);font-size:22px;line-height:1.25;letter-spacing:-.01em;} #photo-stops .stop-text{margin:0 0 14px;color:var(--zeef2d-secondary);line-height:1.7;font-size:15px;} #photo-stops .meta{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;} #photo-stops .meta-item{display:flex;gap:8px;align-items:flex-start;color:var(--zeef2d-secondary);font-size:14px;line-height:1.5;} #photo-stops .meta-label{font-weight:700;color:var(--zeef2d-ink);min-width:max-content;} #photo-stops .cta-row{display:flex;gap:12px;align-items:center;justify-content:flex-start;margin-top:26px;flex-wrap:wrap;} #photo-stops .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-md);text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.01em;} #photo-stops .btn-primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid var(--zeef2d-primary);} #photo-stops .btn-primary:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;} #photo-stops .btn-ghost{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border:1px solid var(--zeef2d-border);} #photo-stops .btn-ghost:focus-visible{outline:3px solid rgba(31,75,59,.28);outline-offset:2px;} #photo-stops .fineprint{margin:18px 0 0;color:var(--zeef2d-slate);font-size:13px;line-height:1.6;max-width:860px;} #photo-stops ::selection{background:rgba(184,107,46,.22);} @media (max-width: 920px){ #photo-stops .section-title{font-size:28px;} #photo-stops .stop{grid-template-columns:1fr;} #photo-stops .stop-alt{grid-template-columns:1fr;} #photo-stops .media{padding:12px;} #photo-stops .content{padding:18px 18px 16px;} } @media (prefers-reduced-motion: reduce){ #photo-stops *{scroll-behavior:auto;} } /* zeef2d:term-in-tip */ /* zeef2d:term-in-tip */ #term-in-tip.term-in-tip{--r:var(--zeef2d-radius-md,12px);--ink:var(--zeef2d-ink);--primary:var(--zeef2d-primary);--accent:var(--zeef2d-accent);--bg:var(--zeef2d-bg);--surface:var(--zeef2d-surface);--border:var(--zeef2d-border);--slate:var(--zeef2d-slate);--mist:var(--zeef2d-mist);box-sizing:border-box;background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:28px 0 10px} #term-in-tip .container{max-width:1040px;margin:0 auto;padding:0 18px} #term-in-tip .section-head{padding:18px 0 22px} #term-in-tip .kicker{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--zeef2d-primary);letter-spacing:.02em;margin:0 0 10px;font-size:14px} #term-in-tip .kicker:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--zeef2d-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--zeef2d-accent) 18%, transparent)} #term-in-tip .title{margin:0 0 10px;font-family:var(--zeef2d-font-display);font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em;line-height:1.15;text-wrap:balance;color:var(--zeef2d-ink)} #term-in-tip .lead{margin:0;max-width:70ch;color:color-mix(in srgb, var(--zeef2d-ink) 78%, var(--zeef2d-slate) 22%);font-size:16px;line-height:1.6} #term-in-tip .content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start} #term-in-tip .panel{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:18px} #term-in-tip .panel-accent{border-color:color-mix(in srgb, var(--zeef2d-accent) 40%, var(--zeef2d-border));box-shadow:0 10px 26px color-mix(in srgb, var(--zeef2d-accent) 14%, transparent)} #term-in-tip .panel-title{margin:0 0 12px;font-size:16px;font-weight:800;color:var(--zeef2d-ink)} #term-in-tip .list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px} #term-in-tip .list-item{display:flex;gap:12px;align-items:flex-start} #term-in-tip .bullet{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb, var(--zeef2d-accent) 18%, var(--zeef2d-surface));border:1px solid color-mix(in srgb, var(--zeef2d-accent) 55%, var(--zeef2d-border));color:var(--zeef2d-accent);font-weight:900;display:inline-flex;align-items:center;justify-content:center;margin-top:1px} #term-in-tip .item-text{margin:0;color:color-mix(in srgb, var(--zeef2d-ink) 82%, var(--zeef2d-slate) 18%);line-height:1.5;font-size:15px} #term-in-tip .item-text strong{color:var(--zeef2d-ink)} #term-in-tip .steps{display:flex;flex-direction:column;gap:12px} #term-in-tip .step{padding:12px;border-radius:12px;border:1px solid color-mix(in srgb, var(--zeef2d-border) 70%, transparent);background:color-mix(in srgb, var(--zeef2d-surface) 92%, var(--zeef2d-bg) 8%)} #term-in-tip .step-title{margin:0 0 6px;font-weight:900;color:var(--zeef2d-ink);font-size:14px} #term-in-tip .step-text{margin:0;color:color-mix(in srgb, var(--zeef2d-ink) 78%, var(--zeef2d-slate) 22%);line-height:1.55;font-size:14.5px} #term-in-tip .cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} #term-in-tip .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:12px 14px;text-decoration:none;font-weight:800;font-size:14.5px;line-height:1;border:1px solid transparent} #term-in-tip .btn.primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:color-mix(in srgb, var(--zeef2d-primary) 70%, var(--zeef2d-primary))} #term-in-tip .btn.ghost{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border-color:var(--zeef2d-border)} #term-in-tip .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 70%, transparent);outline-offset:2px} #term-in-tip .btn.primary:focus-visible{outline-color:color-mix(in srgb, var(--zeef2d-primary) 45%, var(--zeef2d-accent))} #term-in-tip .note{margin:18px 0 10px;border:1px dashed color-mix(in srgb, var(--zeef2d-accent) 45%, var(--zeef2d-border));background:color-mix(in srgb, var(--zeef2d-accent) 10%, var(--zeef2d-surface));border-radius:var(--zeef2d-radius-lg,16px);padding:14px 16px;display:flex;gap:12px;align-items:flex-start} #term-in-tip .note-mark{width:26px;height:26px;border-radius:10px;background:color-mix(in srgb, var(--zeef2d-accent) 18%, var(--zeef2d-surface));border:1px solid color-mix(in srgb, var(--zeef2d-accent) 40%, var(--zeef2d-border));color:var(--zeef2d-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto} #term-in-tip .note-text{margin:0;color:color-mix(in srgb, var(--zeef2d-ink) 82%, var(--zeef2d-slate) 18%);line-height:1.6;font-size:14.8px} #term-in-tip ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 25%, transparent);color:var(--zeef2d-ink)} @media (max-width:900px){#term-in-tip .content-grid{grid-template-columns:1fr;gap:14px}#term-in-tip{padding-top:22px}} @media (prefers-reduced-motion:reduce){#term-in-tip *{scroll-behavior:auto;transition:none !important;animation:none !important}} /* zeef2d:quiet-days */ /* zeef2d:quiet-days */ #quiet-days{--qd-pad:clamp(18px,2.5vw,28px);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:var(--qd-pad) 0;} #quiet-days .quiet-days__wrap{max-width:1060px;margin:0 auto;padding:0 clamp(16px,3.2vw,28px);} #quiet-days .quiet-days__header{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;} #quiet-days .quiet-days__title{font-family:var(--zeef2d-font-display);font-size:clamp(22px,3.2vw,34px);letter-spacing:-0.02em;line-height:1.12;margin:0;} #quiet-days .quiet-days__lede{max-width:62ch;margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--zeef2d-secondary);} #quiet-days .quiet-days__columns{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} #quiet-days .quiet-days__card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg);padding:16px 16px 14px;box-shadow:0 10px 26px rgba(31,75,59,0.08);} #quiet-days .quiet-days__card-title{margin:0 0 8px;font-size:18px;line-height:1.25;color:var(--zeef2d-ink);font-weight:700;} #quiet-days .quiet-days__card-text{margin:0 0 10px;color:var(--zeef2d-secondary);line-height:1.55;font-size:15px;} #quiet-days .quiet-days__bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;} #quiet-days .quiet-days__bullet{position:relative;padding-left:18px;color:var(--zeef2d-ink);line-height:1.5;font-size:14.5px;} #quiet-days .quiet-days__bullet::before{content:"";position:absolute;left:0;top:0.7em;width:10px;height:10px;border-radius:50%;background:var(--zeef2d-accent);box-shadow:0 6px 14px rgba(184,107,46,0.18);} #quiet-days .quiet-days__note{margin-top:16px;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;} #quiet-days .quiet-days__note-text{margin:0;color:var(--zeef2d-secondary);line-height:1.6;font-size:15px;} #quiet-days .quiet-days__note-strong{color:var(--zeef2d-ink);} #quiet-days .quiet-days__link{color:var(--zeef2d-ink);text-decoration:none;border:1px solid var(--zeef2d-border);padding:10px 12px;border-radius:var(--zeef2d-radius-md);background:var(--zeef2d-surface);font-weight:700;white-space:nowrap;} #quiet-days .quiet-days__link:focus-visible{outline:3px solid rgba(31,75,59,0.35);outline-offset:2px;} #quiet-days .quiet-days__link:hover{border-color:rgba(31,75,59,0.45);} #quiet-days .quiet-days__link:active{transform:translateY(1px);} @media (max-width: 900px){ #quiet-days .quiet-days__header{flex-direction:column;gap:6px;} #quiet-days .quiet-days__columns{grid-template-columns:1fr;} #quiet-days .quiet-days__note{flex-direction:column;align-items:flex-start;} } @media (prefers-reduced-motion: reduce){ #quiet-days *{scroll-behavior:auto;transition:none !important;animation:none !important;} } #quiet-days ::selection{background:rgba(184,107,46,0.22);} /* zeef2d:article-next */ /* zeef2d:article-next */ #article-next.article-next{background:var(--zeef2d-bg);border-top:1px solid var(--zeef2d-border);padding:48px 0} #article-next .article-next__inner{max-width:1040px;margin:0 auto;padding:0 18px} #article-next .article-next__kicker{margin:0 0 10px;font:600 13px/1.2 var(--zeef2d-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zeef2d-accent)} #article-next .article-next__title{margin:0 0 12px;font-family:var(--zeef2d-font-display);font-weight:700;font-size:36px;line-height:1.08;color:var(--zeef2d-ink);letter-spacing:-0.02em;text-wrap:balance} #article-next .article-next__lead{margin:0 0 22px;max-width:64ch;color:var(--zeef2d-text);font:400 16px/1.65 var(--zeef2d-font)} #article-next .article-next__actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap} #article-next .article-next__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);text-decoration:none;font:700 15px/1 var(--zeef2d-font);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease} #article-next .article-next__btn:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:2px} #article-next .article-next__btn--primary{background:var(--zeef2d-primary);color:#fff;border-color:var(--zeef2d-primary)} #article-next .article-next__btn--primary:hover{background:#184232} #article-next .article-next__btn--secondary{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border-color:var(--zeef2d-border)} #article-next .article-next__btn--secondary:hover{border-color:#b9c0cc;background:#fff} @media (max-width:720px){#article-next{padding:36px 0}#article-next .article-next__title{font-size:28px}#article-next .article-next__lead{font-size:15px}} @media (prefers-reduced-motion:reduce){#article-next .article-next__btn{transition:none}} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{--r-sm:var(--zeef2d-radius-sm,8px);--r-md:var(--zeef2d-radius-md,12px);--r-lg:var(--zeef2d-radius-lg,16px);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:28px 0 22px 0;font-family:var(--zeef2d-font)} #article-hero::selection{background:var(--zeef2d-accent);color:var(--zeef2d-surface)} #article-hero .container{max-width:1120px;margin:0 auto;padding:0 18px} #article-hero .hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start} #article-hero .hero-main{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:22px 20px;box-shadow:0 10px 30px rgba(31,75,59,.08)} #article-hero .eyebrow{display:inline-block;font-size:13px;letter-spacing:.02em;color:var(--zeef2d-secondary);padding:7px 10px;border-radius:999px;background:rgba(31,75,59,.08);border:1px solid rgba(31,75,59,.18);margin-bottom:14px} #article-hero .hero-title{font-family:var(--zeef2d-font-display);font-weight:700;letter-spacing:-.02em;line-height:1.08;font-size:40px;margin:0 0 12px 0;text-wrap:balance} #article-hero .hero-lead{margin:0 0 16px 0;color:var(--zeef2d-secondary);font-size:16px;line-height:1.6;max-width:62ch} #article-hero .meta{margin:0;display:grid;gap:10px} #article-hero .meta-row{display:flex;gap:14px;align-items:baseline;padding:10px 12px;border-radius:12px;background:rgba(229,231,235,.55);border:1px solid rgba(209,213,219,.7)} #article-hero dt{min-width:92px;font-size:13px;color:var(--zeef2d-secondary);font-weight:600} #article-hero dd{margin:0;color:var(--zeef2d-ink);font-size:14px;font-weight:600} #article-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.01em;outline:none} #article-hero .btn.primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid rgba(0,0,0,0)} #article-hero .btn.primary:focus-visible{box-shadow:0 0 0 3px rgba(184,107,46,.28)} #article-hero .btn.primary:hover{background:#1a3f31} #article-hero .btn.ghost{background:transparent;color:var(--zeef2d-ink);border:1px solid var(--zeef2d-border)} #article-hero .btn.ghost:focus-visible{box-shadow:0 0 0 3px rgba(184,107,46,.25)} #article-hero .btn.ghost:hover{border-color:rgba(184,107,46,.6);background:rgba(184,107,46,.08)} #article-hero .hero-aside{display:grid;gap:14px} #article-hero .aside-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:16px 16px;box-shadow:0 10px 24px rgba(31,75,59,.06)} #article-hero .aside-card.small{padding:14px 14px} #article-hero .aside-title{font-weight:800;font-size:14px;color:var(--zeef2d-primary);margin-bottom:10px;letter-spacing:.01em} #article-hero .expect-list{list-style:none;margin:0;padding:0;display:grid;gap:10px} #article-hero .expect-list li{display:flex;gap:10px;align-items:flex-start;color:var(--zeef2d-secondary);line-height:1.5} #article-hero .bullet{color:var(--zeef2d-accent);font-weight:900;line-height:1.2} #article-hero .aside-note{margin-top:12px;color:var(--zeef2d-secondary);font-size:14px;line-height:1.55} #article-hero .aside-text{margin:0 0 10px 0;color:var(--zeef2d-secondary);font-size:14px;line-height:1.55} #article-hero .link{color:var(--zeef2d-primary);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(31,75,59,.35)} #article-hero .link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(184,107,46,.22);border-radius:8px} #article-hero .link:hover{border-bottom-color:rgba(184,107,46,.85)} @media (max-width: 920px){#article-hero .hero-grid{grid-template-columns:1fr;gap:14px}#article-hero .hero-title{font-size:34px}#article-hero .hero-main{padding:18px 16px}} @media (prefers-reduced-motion: reduce){#article-hero *{scroll-behavior:auto}} /* zeef2d:photo-stops */ /* zeef2d:photo-stops */ #photo-stops{--radius-sm:var(--zeef2d-radius-sm,8px);--radius-md:var(--zeef2d-radius-md,12px);--radius-lg:var(--zeef2d-radius-lg,16px);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:56px 0;} #photo-stops .photo-stops__container{max-width:1040px;margin:0 auto;padding:0 20px;} #photo-stops .photo-stops__header{margin-bottom:26px;} #photo-stops .photo-stops__title{font-family:var(--zeef2d-font-display);letter-spacing:-0.02em;margin:0 0 10px 0;font-size:40px;line-height:1.06;text-wrap:balance;} #photo-stops .photo-stops__lead{margin:0;max-width:78ch;font-size:16px;line-height:1.6;color:var(--zeef2d-secondary);} #photo-stops .photo-stops__timeline{display:flex;flex-direction:column;gap:18px;margin-top:18px;} #photo-stops .photo-stop{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:stretch;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);overflow:hidden;} #photo-stops .photo-stop__media{padding:22px 14px;background:linear-gradient(180deg,var(--zeef2d-surface),var(--zeef2d-bg));} #photo-stops .photo-stop__frame{height:100%;min-height:168px;border-radius:14px;border:1px solid var(--zeef2d-border);background:rgba(31,75,59,0.04);position:relative;display:flex;align-items:flex-start;justify-content:flex-start;} #photo-stops .photo-stop__frame--accent{background:rgba(184,107,46,0.06);} #photo-stops .photo-stop__frame--soft{background:rgba(17,42,32,0.04);} #photo-stops .photo-stop__badge{margin:14px;background:var(--zeef2d-primary);color:var(--zeef2d-surface);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--zeef2d-font-display);box-shadow:0 10px 26px rgba(31,75,59,0.18);} #photo-stops .photo-stop__content{padding:22px 22px 20px 0;} #photo-stops .photo-stop__name{margin:0 0 10px 0;font-size:22px;line-height:1.2;font-family:var(--zeef2d-font-display);letter-spacing:-0.01em;} #photo-stops .photo-stop__meta{margin:0 0 10px 0;color:var(--zeef2d-secondary);font-size:14px;line-height:1.5;} #photo-stops .photo-stop__label{font-weight:700;color:var(--zeef2d-ink);} #photo-stops .photo-stop__desc{margin:0 0 10px 0;color:var(--zeef2d-secondary);font-size:15px;line-height:1.6;} #photo-stops .photo-stop__expect{margin:0;color:var(--zeef2d-secondary);font-size:14px;line-height:1.6;background:var(--zeef2d-bg);border-top:1px solid var(--zeef2d-border);padding:12px 18px 12px 22px;} #photo-stops .photo-stops__cta{margin-top:18px;} #photo-stops .photo-stops__link{display:inline-block;margin-top:8px;color:var(--zeef2d-ink);text-decoration:none;border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);padding:12px 14px;border-radius:var(--zeef2d-radius-md,12px);font-weight:650;} #photo-stops .photo-stops__link:focus-visible{outline:3px solid rgba(184,107,46,0.35);outline-offset:3px;} #photo-stops .photo-stops__link:hover{border-color:rgba(31,75,59,0.55);} #photo-stops *::selection{background:rgba(184,107,46,0.25);} @media (max-width:860px){#photo-stops{padding:42px 0;}#photo-stops .photo-stops__title{font-size:34px;}#photo-stops .photo-stop{grid-template-columns:1fr;gap:0;}#photo-stops .photo-stop__media{padding:16px 16px 0 16px;}#photo-stops .photo-stop__content{padding:16px 18px 16px 18px;}#photo-stops .photo-stop__expect{padding:10px 14px 10px 14px;}} @media (prefers-reduced-motion:reduce){#photo-stops .photo-stops__link{transition:none;}} /* zeef2d:term-in-tip */ /* zeef2d:term-in-tip */ #term-in-tip.term-in-tip{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:56px 0;} #term-in-tip .term-in-tip__container{max-width:1080px;margin:0 auto;padding:0 20px;} #term-in-tip .term-in-tip__header{margin-bottom:22px;} #term-in-tip .term-in-tip__kicker{display:inline-block;font:600 12px/1.2 var(--zeef2d-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zeef2d-accent);background:rgba(184,107,46,.12);border:1px solid rgba(184,107,46,.25);padding:8px 12px;border-radius:999px;} #term-in-tip .term-in-tip__title{margin:12px 0 0;font:700 34px/1.12 var(--zeef2d-font-display);letter-spacing:-.02em;text-wrap:balance;} #term-in-tip .term-in-tip__content{display:grid;grid-template-columns:1.35fr .85fr;gap:26px;align-items:start;} #term-in-tip .term-in-tip__lead{margin:0 0 16px;font:500 16px/1.6 var(--zeef2d-font);color:var(--zeef2d-secondary);} #term-in-tip .term-in-tip__copy{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg);padding:22px;box-shadow:0 10px 30px rgba(15,42,32,.06);} #term-in-tip .term-in-tip__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;} #term-in-tip .term-in-tip__li{display:flex;gap:12px;align-items:flex-start;} #term-in-tip .term-in-tip__mark{flex:0 0 auto;width:28px;height:28px;border-radius:10px;background:rgba(31,75,59,.08);border:1px solid rgba(31,75,59,.18);color:var(--zeef2d-primary);display:inline-flex;align-items:center;justify-content:center;font:800 13px/1 var(--zeef2d-font);} #term-in-tip .term-in-tip__li-text{font:500 15px/1.55 var(--zeef2d-font);color:var(--zeef2d-text);} #term-in-tip .term-in-tip__aside{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg);padding:18px;} #term-in-tip .term-in-tip__aside-title{margin:4px 0 12px;font:800 16px/1.2 var(--zeef2d-font);color:var(--zeef2d-ink);} #term-in-tip .term-in-tip__aside-box{background:linear-gradient(180deg, rgba(31,75,59,.04), rgba(31,75,59,0));border:1px solid rgba(31,75,59,.14);border-radius:var(--zeef2d-radius-md);padding:14px;} #term-in-tip .term-in-tip__row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:10px 10px;border-radius:10px;} #term-in-tip .term-in-tip__row+.term-in-tip__row{border-top:1px dashed rgba(15,42,32,.18);} #term-in-tip .term-in-tip__label{font:700 13px/1.35 var(--zeef2d-font);color:var(--zeef2d-secondary);} #term-in-tip .term-in-tip__value{font:600 13px/1.35 var(--zeef2d-font);color:var(--zeef2d-ink);text-align:right;} #term-in-tip .term-in-tip__link{display:inline-block;margin-top:14px;color:var(--zeef2d-primary);font:700 14px/1.4 var(--zeef2d-font);text-decoration:none;border-bottom:1px solid rgba(31,75,59,.35);padding-bottom:4px;} #term-in-tip .term-in-tip__link:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:3px;border-bottom-color:rgba(184,107,46,.7);} #term-in-tip .term-in-tip__note{margin-top:18px;} #term-in-tip .term-in-tip__note-text{margin:0;background:rgba(31,75,59,.04);border:1px solid rgba(31,75,59,.16);border-radius:var(--zeef2d-radius-md);padding:14px 16px;font:600 14px/1.55 var(--zeef2d-font);color:var(--zeef2d-ink);} #term-in-tip ::selection{background:rgba(184,107,46,.25);} #term-in-tip a{color:inherit;} @media (max-width:900px){#term-in-tip .term-in-tip__content{grid-template-columns:1fr;gap:18px;}#term-in-tip .term-in-tip__title{font-size:28px;}} @media (prefers-reduced-motion:reduce){#term-in-tip *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zeef2d:quiet-days */ /* zeef2d:quiet-days */ #quiet-days.quiet-days{padding:56px 0;background:var(--zeef2d-bg);color:var(--zeef2d-text);} #quiet-days.quiet-days .container{max-width:1100px;margin:0 auto;padding:0 20px;} #quiet-days.quiet-days .eyebrow{display:inline-block;font-family:var(--zeef2d-font);letter-spacing:.02em;text-transform:none;font-size:14px;color:var(--zeef2d-slate);margin-bottom:14px;} #quiet-days.quiet-days .title{font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.12;letter-spacing:-0.02em;margin:0 0 14px;max-width:22ch;text-wrap:balance;} #quiet-days.quiet-days .lead{margin:0 0 26px;max-width:70ch;color:var(--zeef2d-secondary);font-size:16px;line-height:1.65;} #quiet-days.quiet-days .info-grid{display:grid;grid-template-columns:1fr;gap:16px;} #quiet-days.quiet-days .info-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:18px 18px 16px;} #quiet-days.quiet-days .card-title{margin:0 0 12px;font-size:18px;font-weight:700;color:var(--zeef2d-ink);font-family:var(--zeef2d-font);} #quiet-days.quiet-days .list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} #quiet-days.quiet-days .list-item{position:relative;padding-left:18px;color:var(--zeef2d-secondary);font-size:15px;line-height:1.6;} #quiet-days.quiet-days .list-item::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--zeef2d-accent);border-radius:2px;} #quiet-days.quiet-days .info-card-accent{border-color:rgba(184,107,46,.45);background:linear-gradient(180deg, rgba(184,107,46,.08), rgba(184,107,46,.02));} #quiet-days.quiet-days .callout{display:flex;flex-direction:column;gap:12px;} #quiet-days.quiet-days .callout-text{margin:0;color:var(--zeef2d-secondary);font-size:15px;line-height:1.65;} #quiet-days.quiet-days .link{display:inline-flex;align-items:center;gap:10px;color:var(--zeef2d-primary);text-decoration:none;font-weight:700;} #quiet-days.quiet-days .link::after{content:"→";font-weight:900;} #quiet-days.quiet-days .link:focus-visible{outline:3px solid rgba(31,75,59,.35);outline-offset:3px;border-radius:10px;} #quiet-days.quiet-days .divider{height:1px;background:var(--zeef2d-border);margin:26px 0 18px;} #quiet-days.quiet-days .mini-qa{display:flex;flex-direction:column;gap:12px;margin-bottom:0;} #quiet-days.quiet-days .qa-row{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:start;} #quiet-days.quiet-days .qa-q{font-weight:800;color:var(--zeef2d-ink);font-size:14px;letter-spacing:.02em;} #quiet-days.quiet-days .qa-a{color:var(--zeef2d-secondary);font-size:15px;line-height:1.65;} @media (min-width:860px){ #quiet-days.quiet-days .info-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;} #quiet-days.quiet-days .title{font-size:40px;} } @media (max-width:640px){ #quiet-days.quiet-days .title{font-size:28px;} #quiet-days.quiet-days .qa-row{grid-template-columns:1fr;gap:8px;} } #quiet-days.quiet-days ::selection{background:rgba(184,107,46,.22);} #quiet-days.quiet-days .link:hover{filter:saturate(1.02);} #quiet-days.quiet-days a{color:inherit;} @media (prefers-reduced-motion:reduce){ #quiet-days.quiet-days *{scroll-behavior:auto;transition:none !important;} } /* zeef2d:article-next */ /* zeef2d:article-next */ #article-next.article-next{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 0;} #article-next .article-next__inner{max-width:1120px;margin:0 auto;padding:0 20px;} #article-next .article-next__eyebrow{display:inline-block;font:600 12px/1.2 var(--zeef2d-font);letter-spacing:.14em;text-transform:uppercase;color:var(--zeef2d-accent);margin-bottom:14px;} #article-next .article-next__title{font-family:var(--zeef2d-font-display);font-size:40px;line-height:1.06;letter-spacing:-.02em;margin:0 0 14px 0;text-wrap:balance;} #article-next .article-next__lead{max-width:820px;font-size:16px;line-height:1.7;margin:0 0 26px 0;color:var(--zeef2d-secondary);} #article-next .article-next__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;} #article-next .article-next__card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:18px 18px 16px 18px;display:flex;flex-direction:column;min-height:240px;} #article-next .article-next__cardBadge{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--zeef2d-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zeef2d-primary);background:color-mix(in srgb, var(--zeef2d-primary) 10%, var(--zeef2d-surface));border:1px solid color-mix(in srgb, var(--zeef2d-primary) 28%, var(--zeef2d-border));padding:8px 10px;border-radius:999px;margin-bottom:10px;} #article-next .article-next__cardBadge--alt{color:color-mix(in srgb, var(--zeef2d-secondary) 92%, var(--zeef2d-text));background:color-mix(in srgb, var(--zeef2d-secondary) 10%, var(--zeef2d-surface));border-color:color-mix(in srgb, var(--zeef2d-secondary) 26%, var(--zeef2d-border));} #article-next .article-next__cardBadge--accent{color:var(--zeef2d-accent);background:color-mix(in srgb, var(--zeef2d-accent) 14%, var(--zeef2d-surface));border-color:color-mix(in srgb, var(--zeef2d-accent) 28%, var(--zeef2d-border));} #article-next .article-next__cardTitle{font-family:var(--zeef2d-font-display);font-size:22px;line-height:1.2;margin:4px 0 8px 0;letter-spacing:-.01em;} #article-next .article-next__cardText{margin:0 0 14px 0;color:var(--zeef2d-secondary);line-height:1.6;font-size:14.5px;} #article-next .article-next__button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-md);padding:11px 14px;text-decoration:none;font:700 14px/1.1 var(--zeef2d-font);border:1px solid var(--zeef2d-border);color:var(--zeef2d-primary);background:var(--zeef2d-surface);} #article-next .article-next__button--primary{border-color:color-mix(in srgb, var(--zeef2d-primary) 40%, var(--zeef2d-border));background:color-mix(in srgb, var(--zeef2d-primary) 10%, var(--zeef2d-surface));} #article-next .article-next__button:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 45%, transparent);outline-offset:2px;} #article-next .article-next__button:hover{border-color:color-mix(in srgb, var(--zeef2d-primary) 55%, var(--zeef2d-border));background:color-mix(in srgb, var(--zeef2d-primary) 14%, var(--zeef2d-surface));} #article-next .article-next__button:not(.article-next__button--primary):hover{background:color-mix(in srgb, var(--zeef2d-secondary) 8%, var(--zeef2d-surface));border-color:color-mix(in srgb, var(--zeef2d-secondary) 45%, var(--zeef2d-border));} #article-next .article-next__backRow{margin-top:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;} #article-next .article-next__link{color:var(--zeef2d-primary);text-decoration:underline;text-underline-offset:4px;font-weight:700;} #article-next .article-next__link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 45%, transparent);outline-offset:3px;border-radius:6px;} #article-next .article-next__divider{color:var(--zeef2d-border);font-weight:900;} #article-next ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 28%, white);} @media (max-width: 980px){#article-next .article-next__cards{grid-template-columns:1fr;} #article-next .article-next__title{font-size:34px;} } @media (prefers-reduced-motion: reduce){#article-next *{scroll-behavior:auto;}} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{--section-pad:clamp(18px,3.5vw,34px); background:var(--zeef2d-bg); color:var(--zeef2d-text); padding:var(--section-pad) 0;} #article-hero::selection{background:var(--zeef2d-accent); color:var(--zeef2d-surface);} #article-hero .container{max-width:1100px; margin:0 auto; padding:0 clamp(16px,3vw,28px);} #article-hero .breadcrumbs{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:18px;} #article-hero .crumb{color:var(--zeef2d-ink); text-decoration:none; font-size:14px; border:1px solid transparent; padding:6px 8px; border-radius:var(--radius-sm);} #article-hero .crumb:hover{border-color:var(--zeef2d-border); background:var(--zeef2d-surface);} #article-hero .crumb:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 35%, transparent); outline-offset:2px;} #article-hero .crumb-current{color:var(--zeef2d-slate); font-size:14px;} #article-hero .crumb-sep{color:var(--zeef2d-border);} #article-hero .hero-head{background:var(--zeef2d-surface); border:1px solid var(--zeef2d-border); border-radius:var(--radius-lg); padding:clamp(18px,3vw,28px); box-shadow:0 14px 40px color-mix(in srgb, var(--zeef2d-primary) 14%, transparent);} #article-hero .hero-kicker{font-family:var(--zeef2d-font); color:var(--zeef2d-accent); font-weight:700; letter-spacing:0.02em; text-transform:uppercase; font-size:12px; margin-bottom:10px;} #article-hero .hero-title{font-family:var(--zeef2d-font-display); font-size:clamp(26px,3.2vw,42px); line-height:1.08; margin:0 0 12px 0; letter-spacing:-0.02em; text-wrap:balance;} #article-hero .hero-meta{display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; margin:0 0 12px 0; color:var(--zeef2d-slate);} #article-hero .meta-item{font-size:15px;} #article-hero .meta-divider{width:0; height:0;} #article-hero .hero-lead{margin:0 0 18px 0; color:var(--zeef2d-text); font-size:16px; line-height:1.6; max-width:70ch;} #article-hero .hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:6px; margin-bottom:18px;} #article-hero .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:var(--radius-md); padding:12px 14px; text-decoration:none; font-weight:800; font-size:15px; border:1px solid transparent; min-width:170px;} #article-hero .btn-primary{background:var(--zeef2d-primary); color:var(--zeef2d-surface); border-color:color-mix(in srgb, var(--zeef2d-primary) 70%, var(--zeef2d-border));} #article-hero .btn-primary:hover{background:color-mix(in srgb, var(--zeef2d-primary) 86%, var(--zeef2d-accent) 14%);} #article-hero .btn-primary:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 40%, transparent); outline-offset:2px;} #article-hero .btn-ghost{background:var(--zeef2d-surface); color:var(--zeef2d-ink); border-color:var(--zeef2d-border);} #article-hero .btn-ghost:hover{background:color-mix(in srgb, var(--zeef2d-surface) 70%, var(--zeef2d-bg)); border-color:color-mix(in srgb, var(--zeef2d-border) 70%, var(--zeef2d-accent) 30%);} #article-hero .btn-ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 40%, transparent); outline-offset:2px;} #article-hero .hero-details{display:flex; gap:14px; padding:14px; border-radius:var(--radius-md); background:color-mix(in srgb, var(--zeef2d-bg) 86%, var(--zeef2d-surface)); border:1px solid var(--zeef2d-border);} #article-hero .detail-badge{width:34px; height:34px; border-radius:999px; background:color-mix(in srgb, var(--zeef2d-primary) 12%, var(--zeef2d-surface)); border:1px solid color-mix(in srgb, var(--zeef2d-primary) 35%, var(--zeef2d-border)); color:var(--zeef2d-primary); display:flex; align-items:center; justify-content:center; font-weight:900; flex:0 0 auto;} #article-hero .detail-title{font-weight:900; margin-bottom:4px;} #article-hero .detail-body{color:var(--zeef2d-slate); line-height:1.55; font-size:14.5px;} #article-hero .next-article{margin-top:18px; border-radius:var(--radius-lg);} #article-hero .next-wrap{background:transparent; border:1px dashed color-mix(in srgb, var(--zeef2d-border) 85%, var(--zeef2d-accent) 25%); border-radius:var(--radius-lg); padding:16px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap;} #article-hero .next-label{color:var(--zeef2d-slate); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:0.04em;} #article-hero .next-link{display:block; text-decoration:none; border-radius:var(--radius-md); padding:10px 12px; border:1px solid var(--zeef2d-border); background:var(--zeef2d-surface);} #article-hero .next-link:hover{border-color:color-mix(in srgb, var(--zeef2d-border) 65%, var(--zeef2d-accent) 35%);} #article-hero .next-link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 40%, transparent); outline-offset:2px;} #article-hero .next-title{display:block; font-weight:1000; font-size:18px; color:var(--zeef2d-ink); margin-bottom:4px;} #article-hero .next-sub{display:block; color:var(--zeef2d-slate); font-size:14.5px; line-height:1.4;} @media (prefers-reduced-motion: reduce){#article-hero *{scroll-behavior:auto !important; transition:none !important; animation:none !important;}} @media (max-width: 720px){#article-hero .btn{min-width:unset; width:100%;} #article-hero .hero-actions{flex-direction:column; align-items:stretch;} #article-hero .hero-meta{gap:8px 12px;} } /* zeef2d:photo-stops */ /* zeef2d:photo-stops */ #photo-stops{--ps-primary:var(--zeef2d-primary);--ps-ink:var(--zeef2d-ink);--ps-secondary:var(--zeef2d-secondary);--ps-accent:var(--zeef2d-accent);--ps-surface:var(--zeef2d-surface);--ps-bg:var(--zeef2d-bg);--ps-border:var(--zeef2d-border);--ps-mist:var(--zeef2d-mist);--ps-text:var(--zeef2d-text);padding:48px 0;background:var(--zeef2d-bg);color:var(--zeef2d-text);} #photo-stops .photo-stops__container{max-width:1040px;margin:0 auto;padding:0 18px;} #photo-stops .photo-stops__header{margin-bottom:22px;} #photo-stops .photo-stops__kicker{font:600 12px/1.2 var(--zeef2d-font);letter-spacing:.12em;text-transform:uppercase;color:var(--zeef2d-secondary);margin:0 0 10px;} #photo-stops .photo-stops__title{font:700 34px/1.12 var(--zeef2d-font-display);letter-spacing:-0.02em;margin:0 0 12px;text-wrap:balance;color:var(--zeef2d-ink);} #photo-stops .photo-stops__lead{margin:0;max-width:760px;font:400 16px/1.6 var(--zeef2d-font);color:var(--zeef2d-secondary);} #photo-stops .photo-stops__list{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px;} #photo-stops .stop{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:18px 18px 16px;box-shadow:0 10px 22px rgba(31,75,59,.10);} #photo-stops .stop__top{display:flex;align-items:center;gap:12px;margin-bottom:10px;} #photo-stops .stop__badge{width:34px;height:34px;border-radius:999px;background:rgba(184,107,46,.14);border:1px solid rgba(184,107,46,.35);color:var(--zeef2d-accent);display:flex;align-items:center;justify-content:center;font:800 14px/1 var(--zeef2d-font);} #photo-stops .stop__title{margin:0;font:700 18px/1.2 var(--zeef2d-font);color:var(--zeef2d-ink);} #photo-stops .stop__what,#photo-stops .stop__angle,#photo-stops .stop__time{margin:0 0 10px;font:400 15px/1.55 var(--zeef2d-font);color:var(--zeef2d-secondary);} #photo-stops .stop__what strong,#photo-stops .stop__angle strong,#photo-stops .stop__time strong{color:var(--zeef2d-ink);font-weight:700;} #photo-stops .photo-stops__ctaRow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px;} #photo-stops .photo-stops__link{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--zeef2d-radius-md,12px);border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);color:var(--zeef2d-ink);text-decoration:none;font:600 14px/1.2 var(--zeef2d-font);} #photo-stops .photo-stops__button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--zeef2d-radius-md,12px);border:1px solid rgba(31,75,59,.35);background:var(--zeef2d-primary);color:var(--zeef2d-surface);text-decoration:none;font:700 14px/1.2 var(--zeef2d-font);} #photo-stops .photo-stops__link:focus-visible,#photo-stops .photo-stops__button:focus-visible{outline:3px solid rgba(184,107,46,.55);outline-offset:3px;} #photo-stops .photo-stops__link:hover{border-color:rgba(31,75,59,.45);} #photo-stops .photo-stops__button:hover{filter:brightness(1.03);} #photo-stops ::selection{background:rgba(184,107,46,.28);} @media (min-width:860px){ #photo-stops{padding:64px 0;} #photo-stops .photo-stops__container{padding:0 26px;} #photo-stops .photo-stops__title{font-size:40px;} #photo-stops .photo-stops__list{grid-template-columns:repeat(3,1fr);gap:14px;} #photo-stops .stop{padding:18px 18px 16px;} #photo-stops .photo-stops__ctaRow{justify-content:space-between;} } @media (prefers-reduced-motion:reduce){ #photo-stops *{scroll-behavior:auto;transition:none !important;} } /* zeef2d:term-in-tip */ /* zeef2d:term-in-tip */ #term-in-tip{background:var(--zeef2d-bg);padding:28px 16px;color:var(--zeef2d-text);} #term-in-tip .container{max-width:1040px;margin:0 auto;} #term-in-tip .kicker{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);border-radius:999px;font-weight:700;color:var(--zeef2d-primary);font-size:12.5px;letter-spacing:.2px;} #term-in-tip .title{margin:14px 0 10px;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-0.3px;text-wrap:balance;} #term-in-tip .lead{margin:0 0 18px;max-width:820px;font-size:15.5px;line-height:1.65;color:var(--zeef2d-slate);} #term-in-tip .content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start;} #term-in-tip .info{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg, var(--zeef2d-radius-lg, 16px));padding:18px;} #term-in-tip .subhead{margin:0 0 12px;font-size:18px;line-height:1.25;font-weight:800;color:var(--zeef2d-ink);} #term-in-tip .list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;} #term-in-tip .list-item{display:flex;gap:12px;align-items:flex-start;font-size:14.8px;line-height:1.55;color:var(--zeef2d-slate);} #term-in-tip .bullet{flex:0 0 22px;height:22px;border-radius:7px;background:color-mix(in srgb, var(--zeef2d-accent) 18%, var(--zeef2d-surface));border:1px solid color-mix(in srgb, var(--zeef2d-accent) 40%, var(--zeef2d-border));display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--zeef2d-primary);font-size:12.5px;} #term-in-tip .aside{background:color-mix(in srgb, var(--zeef2d-primary) 7%, var(--zeef2d-surface));border:1px solid var(--zeef2d-border);border-radius:16px;padding:18px;} #term-in-tip .aside-top{display:flex;flex-direction:column;gap:10px;} #term-in-tip .aside-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:6px 10px;border-radius:999px;background:color-mix(in srgb, var(--zeef2d-accent) 15%, var(--zeef2d-surface));border:1px solid color-mix(in srgb, var(--zeef2d-accent) 35%, var(--zeef2d-border));color:var(--zeef2d-primary);font-weight:800;font-size:12.5px;} #term-in-tip .aside-title{margin:0;font-size:18px;line-height:1.25;font-weight:900;color:var(--zeef2d-ink);} #term-in-tip .aside-text{margin:10px 0 12px;font-size:14.8px;line-height:1.65;color:var(--zeef2d-slate);} #term-in-tip .link{display:inline-flex;align-items:center;gap:8px;color:var(--zeef2d-primary);text-decoration:none;font-weight:800;border-bottom:2px solid color-mix(in srgb, var(--zeef2d-accent) 45%, transparent);padding-bottom:2px;} #term-in-tip .link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 45%, var(--zeef2d-primary));outline-offset:3px;border-bottom-color:var(--zeef2d-accent);} #term-in-tip .faq-card{margin-top:18px;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:16px;padding:18px;} #term-in-tip .faq-title{margin:0 0 12px;font-size:18px;font-weight:900;color:var(--zeef2d-ink);} #term-in-tip .faq-rows{display:flex;flex-direction:column;gap:12px;} #term-in-tip .faq-row{border:1px solid var(--zeef2d-border);border-radius:12px;padding:14px;background:var(--zeef2d-bg);} #term-in-tip .q{font-weight:900;color:var(--zeef2d-primary);margin:0 0 6px;line-height:1.3;} #term-in-tip .a{margin:0;color:var(--zeef2d-slate);font-size:14.8px;line-height:1.65;} #term-in-tip .cta{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;min-height:44px;padding:10px 16px;border-radius:12px;background:var(--zeef2d-primary);color:var(--zeef2d-surface);font-weight:900;text-decoration:none;border:1px solid color-mix(in srgb, var(--zeef2d-primary) 85%, var(--zeef2d-border));} #term-in-tip .cta:hover{background:color-mix(in srgb, var(--zeef2d-primary) 90%, var(--zeef2d-accent));} #term-in-tip .cta:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 55%, var(--zeef2d-surface));outline-offset:3px;} #term-in-tip ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 30%, var(--zeef2d-primary));color:var(--zeef2d-ink);} @media (max-width: 860px){#term-in-tip .content-grid{grid-template-columns:1fr;} #term-in-tip .title{font-size:24px;} } @media (prefers-reduced-motion: reduce){#term-in-tip .cta{transition:none;}} /* zeef2d:quiet-days */ /* zeef2d:quiet-days */ #quiet-days.section-quiet-days{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:28px 0 18px;} #quiet-days .quiet-days-wrap{max-width:980px;margin:0 auto;padding:0 18px;} #quiet-days .quiet-days-header{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;} #quiet-days .quiet-days-title{font-family:var(--zeef2d-font-display);font-size:clamp(22px,2.2vw,30px);line-height:1.1;letter-spacing:-0.02em;margin:0;color:var(--zeef2d-ink);text-wrap:balance;} #quiet-days .quiet-days-lead{margin:0;color:var(--zeef2d-slate);font-size:14.5px;line-height:1.55;} #quiet-days .quiet-days-content{display:grid;grid-template-columns:1fr;gap:14px;} #quiet-days .quiet-days-badges{display:grid;grid-template-columns:1fr;gap:12px;} #quiet-days .quiet-days-badge{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:14px 14px;box-shadow:0 10px 24px rgba(31,75,59,.06);} #quiet-days .quiet-days-badge-top{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--zeef2d-secondary);margin-bottom:6px;} #quiet-days .quiet-days-badge-main{font-family:var(--zeef2d-font);font-weight:700;color:var(--zeef2d-ink);font-size:16px;line-height:1.25;margin-bottom:4px;} #quiet-days .quiet-days-badge-sub{color:var(--zeef2d-slate);font-size:13.5px;line-height:1.5;} #quiet-days .quiet-days-faq-link{display:flex;} #quiet-days .quiet-days-callout{width:100%;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:14px 14px;} #quiet-days .quiet-days-callout-text{margin:0 0 10px 0;color:var(--zeef2d-text);font-size:14.5px;line-height:1.55;} #quiet-days .quiet-days-link{display:inline-flex;align-items:center;gap:8px;color:var(--zeef2d-primary);text-decoration:none;font-weight:700;border:1px solid rgba(31,75,59,.28);background:rgba(31,75,59,.04);padding:10px 12px;border-radius:var(--zeef2d-radius-md,12px);} #quiet-days .quiet-days-link:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;} #quiet-days .quiet-days-link:hover{background:rgba(31,75,59,.09);} #quiet-days .quiet-days-actions{margin-top:18px;display:flex;flex-direction:column;gap:12px;} #quiet-days .quiet-days-cta{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:16px 14px;} #quiet-days .quiet-days-cta-title{margin:0 0 8px 0;font-family:var(--zeef2d-font-display);color:var(--zeef2d-ink);font-size:18px;letter-spacing:-0.01em;} #quiet-days .quiet-days-cta-text{margin:0;color:var(--zeef2d-slate);font-size:14.5px;line-height:1.6;} #quiet-days .quiet-days-cta-btn{display:inline-flex;justify-content:center;align-items:center;width:100%;text-decoration:none;color:var(--zeef2d-surface);background:var(--zeef2d-primary);border:1px solid rgba(31,75,59,.35);padding:12px 14px;border-radius:var(--zeef2d-radius-md,12px);font-weight:800;letter-spacing:.01em;} #quiet-days .quiet-days-cta-btn:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;} #quiet-days .quiet-days-cta-btn:hover{background:#194034;} #quiet-days .quiet-days-cta-btn:active{transform:translateY(1px);} #quiet-days *::selection{background:rgba(184,107,46,.28);color:var(--zeef2d-ink);} @media (min-width:860px){ #quiet-days .quiet-days-content{grid-template-columns:1.05fr .95fr;align-items:start;} #quiet-days .quiet-days-badges{grid-template-columns:1fr;} #quiet-days .quiet-days-actions{flex-direction:row;align-items:stretch;} #quiet-days .quiet-days-cta-btn{width:auto;min-width:220px;} } @media (prefers-reduced-motion:reduce){ #quiet-days .quiet-days-link,#quiet-days .quiet-days-cta-btn{transition:none;} } /* zeef2d:article-next */ /* zeef2d:article-next */ .article-next{background:var(--zeef2d-bg);padding:42px 0;} .article-next .container{max-width:1060px;margin:0 auto;padding:0 20px;} .article-next .next-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg,16px);padding:28px;} .article-next .next-head{margin-bottom:18px;} .article-next .eyebrow{margin:0 0 10px 0;font-size:13px;letter-spacing:.02em;color:var(--zeef2d-secondary);text-transform:uppercase;} .article-next .title{margin:0 0 10px 0;font-family:var(--zeef2d-font-display);font-size:30px;line-height:1.15;letter-spacing:-.02em;text-wrap:balance;color:var(--zeef2d-ink);} .article-next .lead{margin:0;max-width:70ch;color:var(--zeef2d-secondary);font-size:15.5px;line-height:1.65;} .article-next .next-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0 22px 0;} .article-next .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--radius-md,12px);padding:12px 16px;font-weight:700;font-size:15px;line-height:1;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;} .article-next .btn-primary{background:var(--zeef2d-primary);color:#fff;border:1px solid var(--zeef2d-primary);} .article-next .btn-primary:hover{background:#184133;transform:translateY(-1px);} .article-next .btn-primary:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 55%, transparent);outline-offset:3px;} .article-next .btn-ghost{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border:1px solid var(--zeef2d-border);} .article-next .btn-ghost:hover{border-color:color-mix(in srgb, var(--zeef2d-accent) 50%, var(--zeef2d-border));background:color-mix(in srgb, var(--zeef2d-primary) 6%, var(--zeef2d-surface));transform:translateY(-1px);} .article-next .btn-ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 55%, transparent);outline-offset:3px;} .article-next .mini-faq{border-top:1px solid var(--zeef2d-border);padding-top:18px;} .article-next .mini-title{margin:0 0 10px 0;font-size:16px;color:var(--zeef2d-ink);font-weight:800;letter-spacing:-.01em;} .article-next .faq-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;} .article-next .faq-item{padding:12px 12px;border-radius:var(--radius-md,12px);background:color-mix(in srgb, var(--zeef2d-bg) 70%, var(--zeef2d-surface));border:1px solid color-mix(in srgb, var(--zeef2d-border) 70%, transparent);} .article-next .faq-q{display:block;font-weight:800;color:var(--zeef2d-ink);margin-bottom:4px;} .article-next .faq-a{display:block;color:var(--zeef2d-secondary);font-size:14.5px;line-height:1.55;} ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 35%, transparent);} @media (max-width: 720px){ .article-next{padding:32px 0;} .article-next .next-card{padding:18px;} .article-next .title{font-size:24px;} .article-next .next-actions{margin-top:14px;} } @media (prefers-reduced-motion: reduce){ .article-next .btn{transition:none;} .article-next .btn-primary:hover,.article-next .btn-ghost:hover{transform:none;} } /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{--radius1:var(--zeef2d-radius-sm,8px);--radius2:var(--zeef2d-radius-md,12px);--radius3:var(--zeef2d-radius-lg,16px);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:clamp(18px,3vw,34px) 16px;} #article-hero .article-hero__inner{max-width:1120px;margin:0 auto;display:flex;gap:22px;align-items:flex-start;justify-content:space-between;} #article-hero .article-hero__copy{flex:1 1 620px;min-width:280px;} #article-hero .article-hero__kicker{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.2 var(--zeef2d-font);letter-spacing:.02em;color:var(--zeef2d-primary);margin:0 0 10px 0;} #article-hero .article-hero__kicker::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--zeef2d-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--zeef2d-accent) 20%, transparent);} #article-hero .article-hero__title{font:700 clamp(26px,3.2vw,42px)/1.07 var(--zeef2d-font-display);letter-spacing:-.02em;margin:0 0 12px 0;text-wrap:balance;color:var(--zeef2d-ink);} #article-hero .article-hero__subtitle{margin:0 0 18px 0;max-width:62ch;color:color-mix(in srgb,var(--zeef2d-text) 88%, var(--zeef2d-primary) 12%);font:500 15px/1.6 var(--zeef2d-font);} #article-hero .article-hero__plan{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px 0;} #article-hero .article-hero__plan-col{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md,12px);padding:14px 14px 12px 14px;} #article-hero .article-hero__plan-title{margin:0 0 10px 0;font:700 15px/1.3 var(--zeef2d-font);color:var(--zeef2d-primary);} #article-hero .article-hero__list{margin:0;padding-left:18px;} #article-hero .article-hero__li{margin:8px 0;font:500 14px/1.6 var(--zeef2d-font);color:var(--zeef2d-text);} #article-hero .article-hero__callouts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px 0;} #article-hero .callout{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md,12px);padding:14px 14px 12px 14px;} #article-hero .callout--accent{border-color:color-mix(in srgb,var(--zeef2d-accent) 35%, var(--zeef2d-border));background:color-mix(in srgb,var(--zeef2d-accent) 10%, var(--zeef2d-surface));} #article-hero .callout__title{margin:0 0 8px 0;font:800 14px/1.2 var(--zeef2d-font);color:var(--zeef2d-accent);} #article-hero .callout__text{margin:0;font:500 14px/1.6 var(--zeef2d-font);color:var(--zeef2d-text);} #article-hero .article-hero__actions{display:flex;gap:10px;align-items:center;margin:0 0 10px 0;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:var(--zeef2d-radius-md,12px);text-decoration:none;font:700 14px/1.1 var(--zeef2d-font);border:1px solid transparent;white-space:nowrap;} #article-hero .btn--primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:var(--zeef2d-primary);} #article-hero .btn--primary:focus-visible{outline:3px solid color-mix(in srgb,var(--zeef2d-accent) 55%, white);outline-offset:2px;} #article-hero .btn--ghost{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border-color:color-mix(in srgb,var(--zeef2d-primary) 35%, var(--zeef2d-border));} #article-hero .btn--ghost:focus-visible{outline:3px solid color-mix(in srgb,var(--zeef2d-accent) 55%, white);outline-offset:2px;} #article-hero .btn:active{transform:translateY(1px);} #article-hero .article-hero__footnote{margin:0;color:var(--zeef2d-slate);font:500 13px/1.6 var(--zeef2d-font);} #article-hero .article-hero__media{flex:0 0 390px;max-width:420px;margin:0;} #article-hero .article-hero__img{width:100%;height:auto;border-radius:var(--zeef2d-radius-lg,16px);border:1px solid var(--zeef2d-border);background:var(--zeef2d-mist);} #article-hero .article-hero__caption{margin:10px 2px 0 2px;color:var(--zeef2d-slate);font:500 13px/1.55 var(--zeef2d-font);} #article-hero ::selection{background:color-mix(in srgb,var(--zeef2d-accent) 30%, white);} @media (prefers-reduced-motion: reduce){#article-hero .btn:active{transform:none;}} @media (max-width: 900px){#article-hero .article-hero__inner{flex-direction:column;}#article-hero .article-hero__media{flex:0 0 auto;max-width:none;width:100%;}#article-hero .article-hero__plan{grid-template-columns:1fr;}#article-hero .article-hero__callouts{grid-template-columns:1fr;}} /* zeef2d:photo-stops */ /* zeef2d:photo-stops */ #photo-stops{--ps-radius:16px;--ps-gap:18px;--ps-container:1120px;box-sizing:border-box;background:var(--zeef2d-bg);padding:46px 16px;color:var(--zeef2d-text);} #photo-stops *{box-sizing:border-box;} #photo-stops .container{max-width:var(--ps-container);margin:0 auto;} #photo-stops .section-header{margin-bottom:26px;} #photo-stops .section-title{font-family:var(--zeef2d-font-display);font-weight:650;letter-spacing:-0.02em;font-size:clamp(26px,3.4vw,40px);line-height:1.08;margin:0 0 10px;text-wrap:balance;} #photo-stops .section-lead{margin:0;max-width:74ch;font-size:16px;line-height:1.6;color:var(--zeef2d-secondary);} #photo-stops .stops{display:grid;grid-template-columns:1fr;gap:var(--ps-gap);} #photo-stops .stop-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--ps-radius);padding:18px 18px 16px;box-shadow:0 10px 28px rgba(31,75,59,0.08);position:relative;overflow:hidden;} #photo-stops .stop-card:before{content:"";position:absolute;inset:-2px auto auto -2px;width:10px;height:120%;background:var(--zeef2d-primary);opacity:0.85;} #photo-stops .stop-content{padding-left:0;} #photo-stops .stop-index{width:38px;height:38px;border-radius:999px;background:rgba(31,75,59,0.12);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--zeef2d-primary);margin-bottom:10px;} #photo-stops .stop-title{margin:0 0 8px;font-size:20px;line-height:1.25;font-weight:650;letter-spacing:-0.01em;} #photo-stops .stop-subtitle{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--zeef2d-secondary);} #photo-stops .stop-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;} #photo-stops .stop-item{display:flex;gap:10px;align-items:flex-start;line-height:1.5;font-size:14.5px;} #photo-stops .label{min-width:132px;font-weight:650;color:var(--zeef2d-ink);} #photo-stops .value{color:var(--zeef2d-secondary);} #photo-stops .stop-note{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--zeef2d-border);font-size:13.5px;line-height:1.55;color:var(--zeef2d-slate);} #photo-stops .back-row{display:flex;gap:12px;align-items:center;margin:26px 0 10px;flex-wrap:wrap;} #photo-stops .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;border:1px solid var(--zeef2d-border);text-decoration:none;color:var(--zeef2d-ink);font-weight:650;background:var(--zeef2d-surface);} #photo-stops .btn:hover{background:rgba(185,107,46,0.08);border-color:rgba(185,107,46,0.35);} #photo-stops .btn:focus-visible{outline:3px solid rgba(184,107,46,0.35);outline-offset:3px;} #photo-stops .btn-accent{background:var(--zeef2d-primary);border-color:var(--zeef2d-primary);color:var(--zeef2d-surface);} #photo-stops .btn-accent:hover{background:#184234;} #photo-stops .disclaimer{margin:8px 0 0;color:var(--zeef2d-slate);font-size:13.5px;line-height:1.6;max-width:80ch;} #photo-stops ::selection{background:rgba(31,75,59,0.22);} @media (min-width:860px){ #photo-stops .stops{grid-template-columns:1fr 1fr;} #photo-stops .stop-card:nth-child(3){grid-column:1 / -1;} #photo-stops .stop-card{padding:20px 20px 18px;} #photo-stops .stop-index{margin-bottom:12px;} } @media (prefers-reduced-motion:reduce){ #photo-stops .btn:hover{transform:none;} } /* zeef2d:term-in-tip */ /* zeef2d:term-in-tip */ #term-in-tip.term-in-tip{padding:48px 0;background:var(--zeef2d-bg);color:var(--zeef2d-text);} #term-in-tip .container{max-width:1040px;margin:0 auto;padding:0 20px;} #term-in-tip .kicker{display:inline-block;font-family:var(--zeef2d-font);font-weight:700;letter-spacing:.02em;color:var(--zeef2d-primary);text-transform:none;font-size:14px;margin-bottom:12px;} #term-in-tip .title{font-family:var(--zeef2d-font-display);font-weight:800;letter-spacing:-0.02em;text-wrap:balance;font-size:34px;line-height:1.12;margin:0 0 12px;} #term-in-tip .lead{font-size:16px;line-height:1.6;margin:0 0 22px;color:var(--zeef2d-text);max-width:72ch;} #term-in-tip .panel{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg);padding:22px;display:grid;grid-template-columns:1.2fr .9fr;gap:18px;} #term-in-tip .panel-title{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--zeef2d-ink);} #term-in-tip .list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;} #term-in-tip .list li{display:flex;gap:12px;align-items:flex-start;} #term-in-tip .dot{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(184,107,46,.14);color:var(--zeef2d-accent);font-weight:900;font-size:13px;flex:0 0 auto;border:1px solid rgba(184,107,46,.28);margin-top:2px;} #term-in-tip .item-text{font-size:15px;line-height:1.6;color:var(--zeef2d-text);} #term-in-tip .small{margin:0 0 14px;font-size:15px;line-height:1.6;color:var(--zeef2d-text);} #term-in-tip .callout{display:flex;gap:12px;align-items:flex-start;background:var(--zeef2d-bg);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md);padding:12px 12px;} #term-in-tip .callout-mark{font-size:18px;line-height:1;flex:0 0 auto;} #term-in-tip .callout-text{font-size:15px;line-height:1.55;color:var(--zeef2d-text);} #term-in-tip .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;} #term-in-tip .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--zeef2d-radius-md);border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);color:var(--zeef2d-ink);text-decoration:none;font-weight:800;line-height:1.2;min-height:44px;} #term-in-tip .btn:focus-visible{outline:3px solid rgba(31,75,59,.35);outline-offset:2px;} #term-in-tip .btn.primary{background:var(--zeef2d-primary);border-color:var(--zeef2d-primary);color:var(--zeef2d-surface);} #term-in-tip .btn.primary:focus-visible{outline:3px solid rgba(184,107,46,.35);} #term-in-tip ::selection{background:rgba(184,107,46,.25);} @media (max-width:860px){#term-in-tip .title{font-size:28px;}#term-in-tip .panel{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){#term-in-tip *{scroll-behavior:auto;transition:none;}} /* zeef2d:quiet-days */ /* zeef2d:quiet-days */ #quiet-days.quiet-days{--qd-primary:var(--zeef2d-primary);--qd-ink:var(--zeef2d-ink);--qd-slate:var(--zeef2d-slate);--qd-border:var(--zeef2d-border);--qd-surface:var(--zeef2d-surface);--qd-bg:var(--zeef2d-bg);padding:28px 0;background:var(--zeef2d-bg);color:var(--zeef2d-text);} #quiet-days .quiet-days__container{max-width:980px;margin:0 auto;padding:0 18px;} #quiet-days .quiet-days__badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);border-radius:999px;color:var(--zeef2d-ink);font:600 13px/1.2 var(--zeef2d-font);letter-spacing:-0.01em;} #quiet-days .quiet-days__title{margin:14px 0 10px;font:700 34px/1.06 var(--zeef2d-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--zeef2d-ink);} #quiet-days .quiet-days__lead{margin:0 0 18px;max-width:74ch;font:400 16px/1.6 var(--zeef2d-font);color:var(--zeef2d-ink);opacity:0.92;} #quiet-days .quiet-days__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin:18px 0 18px;} #quiet-days .quiet-days__item{grid-column:span 12;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:16px 16px;} #quiet-days .quiet-days__item-title{margin:0 0 6px;font:700 16px/1.25 var(--zeef2d-font);color:var(--zeef2d-ink);} #quiet-days .quiet-days__item-text{margin:0;font:400 14.5px/1.65 var(--zeef2d-font);color:var(--zeef2d-ink);opacity:0.92;} #quiet-days .quiet-days__callout{margin-top:14px;padding:14px 16px;border-radius:var(--zeef2d-radius-md,12px);border:1px solid var(--zeef2d-border);background:color-mix(in srgb, var(--zeef2d-accent) 10%, var(--zeef2d-surface) 90%);} #quiet-days .quiet-days__callout-text{margin:0;font:500 14.5px/1.6 var(--zeef2d-font);color:var(--zeef2d-ink);} #quiet-days .quiet-days__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;} #quiet-days .quiet-days__link{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--zeef2d-radius-sm,8px);border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);color:var(--zeef2d-ink);text-decoration:none;font:600 14.5px/1.2 var(--zeef2d-font);} #quiet-days .quiet-days__link--secondary{border-color:color-mix(in srgb, var(--zeef2d-border) 70%, var(--zeef2d-accent) 30%);} #quiet-days .quiet-days__link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 35%, white 65%);outline-offset:2px;} #quiet-days .quiet-days__link:hover{border-color:color-mix(in srgb, var(--zeef2d-accent) 45%, var(--zeef2d-border) 55%);} #quiet-days .quiet-days__link::after{content:"→";font:700 14.5px/1 var(--zeef2d-font);color:var(--zeef2d-accent);} #quiet-days .quiet-days__link--secondary::after{color:var(--zeef2d-accent);} #quiet-days ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 25%, white 75%);color:var(--zeef2d-ink);} @media (min-width: 720px){ #quiet-days .quiet-days__item{padding:18px 18px;} #quiet-days .quiet-days__item:nth-child(1){grid-column:span 4;} #quiet-days .quiet-days__item:nth-child(2){grid-column:span 4;} #quiet-days .quiet-days__item:nth-child(3){grid-column:span 4;} } @media (prefers-reduced-motion: reduce){ #quiet-days .quiet-days__link{transition:none;} } /* zeef2d:article-next */ /* zeef2d:article-next */ #article-next{background:var(--zeef2d-bg);padding:48px 16px;} #article-next .article-next__container{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1.4fr 0.9fr;gap:28px;align-items:start;} #article-next .article-next__title{font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.12;letter-spacing:-0.02em;margin:0 0 12px;color:var(--zeef2d-ink);text-wrap:balance;} #article-next .article-next__lead{margin:0 0 18px;font-size:16px;line-height:1.65;color:var(--zeef2d-text);max-width:56ch;} #article-next .article-next__actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 14px;} #article-next .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-md,12px);text-decoration:none;font-weight:700;font-size:15px;letter-spacing:0.01em;border:1px solid transparent;} #article-next .btn--primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:var(--zeef2d-primary);} #article-next .btn--primary:hover{filter:brightness(1.04);} #article-next .btn--secondary{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border-color:var(--zeef2d-border);} #article-next .btn--secondary:hover{background:var(--zeef2d-bg);} #article-next .btn:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;} #article-next .link{color:var(--zeef2d-primary);text-decoration:underline;text-underline-offset:3px;} #article-next .link:hover{color:var(--zeef2d-accent);} #article-next .article-next__meta{margin:14px 0 0;display:grid;gap:10px;} #article-next .meta-row{display:flex;gap:12px;align-items:baseline;} #article-next .meta-row__term{min-width:72px;font-size:13px;color:var(--zeef2d-slate);font-weight:700;} #article-next .meta-row__value{margin:0;font-size:15px;color:var(--zeef2d-text);} #article-next .article-next__aside{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg,16px);padding:18px;box-shadow:0 10px 30px rgba(31,75,59,.08);} #article-next .aside-title{margin:0 0 10px;font-size:16px;letter-spacing:0.01em;color:var(--zeef2d-ink);font-weight:800;} #article-next .aside-list{margin:0;padding:0;list-style:none;display:grid;gap:12px;} #article-next .aside-list__item{display:flex;gap:12px;align-items:flex-start;} #article-next .step{width:26px;height:26px;border-radius:999px;background:rgba(184,107,46,.12);border:1px solid rgba(184,107,46,.35);color:var(--zeef2d-accent);font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:2px;} #article-next .aside-list__text{font-size:14px;line-height:1.55;color:var(--zeef2d-text);} #article-next .aside-note{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--zeef2d-slate);} #article-next ::selection{background:rgba(184,107,46,.25);} @media (max-width:900px){#article-next .article-next__container{grid-template-columns:1fr;gap:18px;}#article-next .article-next__title{font-size:30px;}} @media (prefers-reduced-motion:reduce){#article-next *{scroll-behavior:auto;transition:none !important;}} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{--r:var(--zeef2d-radius-md,12px); background:var(--zeef2d-bg); color:var(--zeef2d-text); padding:28px 0 8px;} #article-hero .container{max-width:1120px; padding:0 18px; margin:0 auto;} #article-hero .hero-grid{display:grid; grid-template-columns: 1.25fr .75fr; gap:22px; align-items:start;} #article-hero .kicker{display:inline-block; font:600 12px/1.2 var(--zeef2d-font, 'Segoe UI'); letter-spacing:.06em; text-transform:uppercase; color:var(--zeef2d-accent); border:1px solid var(--zeef2d-border); background:var(--zeef2d-surface); padding:8px 10px; border-radius:var(--zeef2d-radius-sm,8px);} #article-hero .hero-title{margin:14px 0 10px; font:700 40px/1.08 var(--zeef2d-font-display, 'Optima'); color:var(--zeef2d-ink); letter-spacing:-.02em; text-wrap:balance;} #article-hero .hero-meta{margin:0 0 12px; font:600 15px/1.5 var(--zeef2d-font, 'Segoe UI'); color:var(--zeef2d-secondary);} #article-hero .hero-lead{margin:0 0 16px; font:400 16px/1.65 var(--zeef2d-font, 'Segoe UI'); color:var(--zeef2d-text); max-width:62ch;} #article-hero .hero-cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:6px;} #article-hero .button{display:inline-flex; align-items:center; justify-content:center; padding:12px 14px; border-radius:var(--zeef2d-radius-md,12px); text-decoration:none; font:700 14px/1 var(--zeef2d-font, 'Segoe UI'); border:1px solid transparent; min-height:44px;} #article-hero .button.primary{background:var(--zeef2d-primary); color:var(--zeef2d-surface); border-color:var(--zeef2d-primary); box-shadow:0 10px 26px rgba(31,75,59,.18);} #article-hero .button.ghost{background:var(--zeef2d-surface); color:var(--zeef2d-primary); border-color:var(--zeef2d-border);} #article-hero .button:focus-visible{outline:3px solid rgba(184,107,46,.35); outline-offset:2px;} #article-hero .button:disabled{opacity:.6; cursor:not-allowed;} @media (hover:hover){ #article-hero .button.primary:hover{filter:saturate(1.05);} #article-hero .button.ghost:hover{border-color:rgba(184,107,46,.55); color:var(--zeef2d-accent);} } #article-hero .hero-side{display:flex; flex-direction:column; gap:12px;} #article-hero .fact-card{background:var(--zeef2d-surface); border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-lg,16px); padding:14px 14px 14px;} #article-hero .fact-top{display:flex; align-items:center; gap:10px;} #article-hero .fact-icon{font-size:18px; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:rgba(184,107,46,.12); color:var(--zeef2d-accent); border:1px solid rgba(184,107,46,.25);} #article-hero .fact-title{margin:0; font:700 16px/1.2 var(--zeef2d-font, 'Segoe UI'); color:var(--zeef2d-ink);} #article-hero .fact-text{margin:10px 0 0; font:400 14px/1.55 var(--zeef2d-font, 'Segoe UI'); color:var(--zeef2d-secondary);} #article-hero ::selection{background:rgba(184,107,46,.25);} @media (prefers-reduced-motion: reduce){#article-hero *{scroll-behavior:auto; transition:none !important;}} @media (max-width: 900px){ #article-hero .hero-grid{grid-template-columns:1fr;} #article-hero .hero-title{font-size:34px;} } @media (max-width: 520px){ #article-hero .hero-title{font-size:28px;} #article-hero .button{width:100%;} } /* zeef2d:photo-stops */ /* zeef2d:photo-stops */ #photo-stops{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 16px 56px;} #photo-stops .container{max-width:1120px;margin:0 auto;} #photo-stops .section-head{margin-bottom:26px;} #photo-stops .kicker{display:inline-block;font-family:var(--zeef2d-font);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--zeef2d-secondary);padding:8px 12px;border:1px solid var(--zeef2d-border);border-radius:999px;background:rgba(255,255,255,.6);} #photo-stops .title{margin:14px 0 10px;font-family:var(--zeef2d-font-display);font-size:40px;line-height:1.08;letter-spacing:-.02em;text-wrap:balance;} #photo-stops .lead{margin:0;max-width:70ch;font-size:16px;line-height:1.6;color:var(--zeef2d-secondary);} #photo-stops .stops{display:grid;grid-template-columns:1fr;gap:16px;margin-top:22px;} #photo-stops .stop-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg,16px);padding:18px 18px 16px;box-shadow:0 10px 30px rgba(31,75,59,.08);} #photo-stops .stop-card.alt{box-shadow:0 10px 30px rgba(184,107,46,.08);} #photo-stops .stop-meta{display:flex;align-items:flex-start;gap:14px;margin-bottom:10px;} #photo-stops .stop-index{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--zeef2d-primary);color:#fff;font-weight:700;flex:0 0 auto;} #photo-stops .stop-title{margin:0;font-family:var(--zeef2d-font-display);font-size:22px;letter-spacing:-.01em;} #photo-stops .stop-sub{margin-top:4px;font-size:14px;color:var(--zeef2d-secondary);line-height:1.4;} #photo-stops .stop-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px;} #photo-stops .stop-list li{display:flex;gap:10px;align-items:flex-start;} #photo-stops .label{font-weight:700;color:var(--zeef2d-ink);min-width:148px;} #photo-stops .value{color:var(--zeef2d-secondary);line-height:1.55;font-size:15px;} #photo-stops .cta-row{display:flex;gap:12px;align-items:center;justify-content:flex-start;margin-top:22px;flex-wrap:wrap;} #photo-stops .cta-primary,#photo-stops .cta-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--radius-md,12px);padding:12px 16px;font-weight:700;font-size:15px;line-height:1;} #photo-stops .cta-primary{background:var(--zeef2d-primary);color:#fff;border:1px solid var(--zeef2d-primary);} #photo-stops .cta-secondary{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border:1px solid var(--zeef2d-border);} #photo-stops .cta-primary:hover{filter:brightness(1.02);} #photo-stops .cta-secondary:hover{border-color:var(--zeef2d-primary);color:var(--zeef2d-primary);} #photo-stops .cta-primary:focus-visible,#photo-stops .cta-secondary:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;} #photo-stops .fineprint{margin-top:16px;padding:14px 16px;border-radius:var(--radius-md,12px);border:1px dashed var(--zeef2d-border);background:rgba(255,255,255,.55);} #photo-stops .fineprint p{margin:0;color:var(--zeef2d-secondary);line-height:1.6;font-size:14px;} #photo-stops ::selection{background:rgba(184,107,46,.25);} @media (min-width:900px){ #photo-stops .stops{grid-template-columns:1.1fr .9fr;} #photo-stops .stop-card:nth-child(3){grid-column:1 / -1;} #photo-stops .title{font-size:48px;} } @media (prefers-reduced-motion:reduce){ #photo-stops *{scroll-behavior:auto;} #photo-stops .cta-primary,#photo-stops .cta-secondary{transition:none;} } /* zeef2d:term-in-tip */ /* zeef2d:term-in-tip */ #term-in-tip.section-term-in-tip{ --bg: var(--zeef2d-bg); --surface: var(--zeef2d-surface); --ink: var(--zeef2d-ink); --primary: var(--zeef2d-primary); --secondary: var(--zeef2d-secondary); --accent: var(--zeef2d-accent); --border: var(--zeef2d-border); background: var(--zeef2d-bg); padding: 44px 0; color: var(--zeef2d-text); } #term-in-tip .container{ width: min(1040px, calc(100% - 40px)); margin: 0 auto; } #term-in-tip .term-header{ display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; } #term-in-tip .term-title{ font-family: var(--zeef2d-font-display); letter-spacing: -0.02em; line-height: 1.1; font-size: clamp(26px, 3.2vw, 40px); margin: 0; color: var(--zeef2d-ink); } #term-in-tip .term-subtitle{ margin: 0; max-width: 68ch; font-size: 16px; line-height: 1.6; color: var(--zeef2d-secondary); } #term-in-tip .term-content{ display: grid; grid-template-columns: 1.4fr 0.9fr; gap: 18px; align-items: start; } #term-in-tip .term-card{ background: var(--zeef2d-surface); border: 1px solid var(--zeef2d-border); border-radius: var(--zeef2d-radius-lg, 16px); padding: 18px 18px 16px; box-shadow: 0 10px 24px rgba(31, 75, 59, 0.08); } #term-in-tip .term-card-title{ margin: 0 0 10px 0; font-size: 18px; line-height: 1.3; color: var(--zeef2d-ink); letter-spacing: -0.01em; } #term-in-tip .term-list{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; } #term-in-tip .term-item{ display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; } #term-in-tip .term-bullet{ width: 26px; height: 26px; border-radius: var(--zeef2d-radius-sm, 8px); background: rgba(184, 107, 46, 0.12); color: var(--zeef2d-accent); border: 1px solid rgba(184, 107, 46, 0.28); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-family: var(--zeef2d-font); } #term-in-tip .term-text{ font-size: 15px; line-height: 1.55; color: var(--zeef2d-secondary); } #term-in-tip .term-aside{ display: flex; flex-direction: column; gap: 12px; } #term-in-tip .term-aside-block{ background: var(--zeef2d-surface); border: 1px solid var(--zeef2d-border); border-radius: var(--zeef2d-radius-lg, 16px); padding: 16px 16px; } #term-in-tip .term-aside-label{ margin: 0; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--zeef2d-primary); font-weight: 700; } #term-in-tip .term-aside-value{ margin: 8px 0 0 0; font-size: 14px; line-height: 1.6; color: var(--zeef2d-secondary); } #term-in-tip .term-aside-strong{ color: var(--zeef2d-ink); font-weight: 800; } #term-in-tip .term-footer{ display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 18px; padding-top: 16px; } #term-in-tip .term-link{ color: var(--zeef2d-ink); text-decoration: none; font-weight: 700; border-bottom: 1px solid rgba(15, 42, 32, 0.25); padding-bottom: 2px; } #term-in-tip .term-link:focus-visible{ outline: 3px solid rgba(184, 107, 46, 0.45); outline-offset: 3px; border-bottom-color: rgba(184, 107, 46, 0.7); border-radius: 6px; } #term-in-tip .term-button{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 14px; border-radius: var(--zeef2d-radius-md, 12px); background: var(--zeef2d-primary); color: var(--zeef2d-surface); text-decoration: none; font-weight: 800; border: 1px solid rgba(31, 75, 59, 0.35); } #term-in-tip .term-button:focus-visible{ outline: 3px solid rgba(184, 107, 46, 0.45); outline-offset: 3px; } #term-in-tip .term-button:active{ transform: translateY(1px); } #term-in-tip ::selection{ background: rgba(184, 107, 46, 0.22); } @media (max-width: 900px){ #term-in-tip .term-content{ grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce){ #term-in-tip .term-button{ transition: none; } } /* zeef2d:quiet-days */ /* zeef2d:quiet-days */ #quiet-days.quiet-days{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 0;} #quiet-days .quiet-days__container{max-width:1060px;margin:0 auto;padding:0 20px;} #quiet-days .quiet-days__header{margin-bottom:22px;} #quiet-days .quiet-days__kicker{margin:0 0 10px 0;font-family:var(--zeef2d-font);font-size:14px;letter-spacing:.02em;color:var(--zeef2d-secondary);text-transform:none;} #quiet-days .quiet-days__title{margin:0 0 12px 0;font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.12;letter-spacing:-.02em;text-wrap:balance;color:var(--zeef2d-ink);} #quiet-days .quiet-days__lead{margin:0;font-family:var(--zeef2d-font);font-size:16px;line-height:1.65;max-width:820px;color:var(--zeef2d-text);} #quiet-days .quiet-days__content{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start;} #quiet-days .quiet-days__panel{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:18px 18px 16px 18px;box-shadow:0 10px 28px rgba(31,75,59,.08);} #quiet-days .quiet-days__panel-title{margin:0 0 10px 0;font-size:18px;line-height:1.35;font-family:var(--zeef2d-font-display);color:var(--zeef2d-ink);} #quiet-days .quiet-days__list{margin:0;padding:0 0 0 18px;} #quiet-days .quiet-days__list li{margin:10px 0;font-size:15.5px;line-height:1.6;font-family:var(--zeef2d-font);color:var(--zeef2d-text);} #quiet-days .quiet-days__strong{color:var(--zeef2d-ink);} #quiet-days .quiet-days__fineprint{margin:12px 0 0 0;font-size:14px;line-height:1.6;font-family:var(--zeef2d-font);color:var(--zeef2d-slate);} #quiet-days .quiet-days__aside{display:flex;flex-direction:column;gap:14px;} #quiet-days .quiet-days__figure{margin:0;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:10px;box-shadow:0 10px 28px rgba(31,75,59,.06);} #quiet-days .quiet-days__image{display:block;width:100%;height:auto;border-radius:12px;} #quiet-days .quiet-days__figcaption{margin:10px 8px 6px 8px;font-size:13.5px;line-height:1.55;font-family:var(--zeef2d-font);color:var(--zeef2d-secondary);} #quiet-days .quiet-days__cta{display:flex;flex-direction:column;gap:10px;} #quiet-days .quiet-days__button{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;border:1px solid var(--zeef2d-primary);background:var(--zeef2d-primary);color:var(--zeef2d-surface);text-decoration:none;font-family:var(--zeef2d-font);font-size:15px;line-height:1.2;font-weight:650;} #quiet-days .quiet-days__button:hover{background:#174133;} #quiet-days .quiet-days__button:active{transform:translateY(1px);} #quiet-days .quiet-days__button--ghost{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border-color:var(--zeef2d-accent);} #quiet-days .quiet-days__button--ghost:hover{background:rgba(184,107,46,.08);} #quiet-days .quiet-days__disclaimer{margin:0;font-size:13.5px;line-height:1.6;font-family:var(--zeef2d-font);color:var(--zeef2d-slate);} #quiet-days :focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:2px;} #quiet-days ::selection{background:rgba(184,107,46,.22);} @media (max-width:900px){ #quiet-days .quiet-days__content{grid-template-columns:1fr;} #quiet-days .quiet-days__title{font-size:30px;} } @media (prefers-reduced-motion:reduce){ #quiet-days .quiet-days__button:active{transform:none;} } /* zeef2d:article-next */ /* zeef2d:article-next */ #article-next.article-next{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 0;} #article-next.article-next .container{max-width:1120px;margin:0 auto;padding:0 20px;} #article-next.article-next .split{display:grid;grid-template-columns:1.35fr 0.9fr;gap:28px;align-items:start;} #article-next.article-next .next-summary{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:22px 20px;box-shadow:0 10px 24px rgba(31,75,59,.08);} #article-next.article-next .eyebrow{margin:0 0 10px;font:600 12px/1.2 var(--zeef2d-font);letter-spacing:.12em;text-transform:uppercase;color:var(--zeef2d-accent);} #article-next.article-next .headline{margin:0 0 14px;font:700 28px/1.15 var(--zeef2d-font-display);letter-spacing:-.02em;text-wrap:balance;} #article-next.article-next .bullets{list-style:none;margin:0;padding:0;display:grid;gap:10px;} #article-next.article-next .bullet{position:relative;padding-left:22px;font:500 15px/1.45 var(--zeef2d-font);color:var(--zeef2d-text);} #article-next.article-next .bullet::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:rgba(184,107,46,.20);border:2px solid var(--zeef2d-accent);} #article-next.article-next .summary-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;} #article-next.article-next .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);text-decoration:none;font:700 14px/1 var(--zeef2d-font);border:1px solid transparent;} #article-next.article-next .btn-primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:var(--zeef2d-primary);} #article-next.article-next .btn-primary:focus-visible{outline:3px solid rgba(184,107,46,.55);outline-offset:2px;} #article-next.article-next .btn-secondary{background:rgba(31,75,59,.08);color:var(--zeef2d-ink);border-color:rgba(31,75,59,.22);} #article-next.article-next .btn-secondary:focus-visible{outline:3px solid rgba(184,107,46,.55);outline-offset:2px;} #article-next.article-next .btn-ghost{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border-color:rgba(15,42,32,.22);} #article-next.article-next .btn-ghost:focus-visible{outline:3px solid rgba(184,107,46,.55);outline-offset:2px;} #article-next.article-next .btn-primary:hover{background:#174233;} #article-next.article-next .btn-secondary:hover{background:rgba(31,75,59,.12);} #article-next.article-next .btn-ghost:hover{background:rgba(15,42,32,.03);} #article-next.article-next .note{margin:14px 0 0;color:var(--zeef2d-slate);font:500 14px/1.55 var(--zeef2d-font);} #article-next.article-next .next-contact{padding-top:2px;} #article-next.article-next .contact-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:18px 18px;} #article-next.article-next .contact-title{margin:0 0 6px;font:750 18px/1.2 var(--zeef2d-font-display);letter-spacing:-.01em;} #article-next.article-next .contact-lead{margin:0 0 14px;color:var(--zeef2d-slate);font:500 14px/1.5 var(--zeef2d-font);} #article-next.article-next .contact-details{margin:0;padding:0;display:grid;gap:10px;} #article-next.article-next .detail-row{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:start;} #article-next.article-next .detail-label{font:700 13px/1.35 var(--zeef2d-font);color:var(--zeef2d-secondary);} #article-next.article-next .detail-value{margin:0;font:500 14px/1.45 var(--zeef2d-font);color:var(--zeef2d-text);} #article-next.article-next .link{color:var(--zeef2d-primary);text-decoration:underline;text-decoration-color:rgba(31,75,59,.35);text-underline-offset:3px;} #article-next.article-next .link:focus-visible{outline:3px solid rgba(184,107,46,.55);outline-offset:2px;border-radius:4px;} #article-next.article-next .micro{margin:12px 0 0;color:var(--zeef2d-slate);font:500 13px/1.5 var(--zeef2d-font);} #article-next.article-next ::selection{background:rgba(184,107,46,.26);} @media (prefers-reduced-motion: reduce){#article-next.article-next *{scroll-behavior:auto;transition:none !important;animation:none !important;}} @media (max-width: 900px){#article-next.article-next .split{grid-template-columns:1fr;gap:16px;} #article-next.article-next .detail-row{grid-template-columns:110px 1fr;}} @media (max-width: 520px){#article-next.article-next .headline{font-size:24px;}#article-next.article-next .summary-actions{flex-direction:column;align-items:stretch;} #article-next.article-next .btn{width:100%;}} /* zeef2d:blog-hero */ /* zeef2d:blog-hero */ #blog-hero{--pad-inline:24px;--pad-block:34px;display:block;padding:var(--pad-block) var(--pad-inline);background:var(--zeef2d-bg);color:var(--zeef2d-text)} #blog-hero .container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch} #blog-hero .hero-copy{padding:8px 0} #blog-hero .hero-title{font-family:var(--zeef2d-font-display);font-weight:650;letter-spacing:-0.02em;line-height:1.08;margin:0 0 14px;font-size:clamp(28px,3.2vw,44px);text-wrap:balance;color:var(--zeef2d-ink)} #blog-hero .hero-lead{margin:0 0 18px;font-size:16.5px;line-height:1.6;max-width:62ch;color:var(--zeef2d-secondary)} #blog-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 18px} #blog-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md,12px);font-family:var(--zeef2d-font);font-weight:650;text-decoration:none;letter-spacing:-0.01em;border:1px solid transparent;min-height:44px} #blog-hero .btn-primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:var(--zeef2d-primary)} #blog-hero .btn-ghost{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border-color:var(--zeef2d-border)} #blog-hero .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 55%, white 45%);outline-offset:3px} #blog-hero .btn-primary:hover{background:color-mix(in srgb, var(--zeef2d-primary) 88%, var(--zeef2d-accent) 12%)} #blog-hero .btn-ghost:hover{border-color:color-mix(in srgb, var(--zeef2d-accent) 45%, var(--zeef2d-border) 55%);color:color-mix(in srgb, var(--zeef2d-primary) 80%, var(--zeef2d-accent) 20%)} #blog-hero .hero-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px} #blog-hero .meta-item{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg,16px);padding:12px 14px;min-width:170px} #blog-hero .meta-kicker{font-size:12.5px;letter-spacing:.02em;text-transform:none;color:var(--zeef2d-slate);margin-bottom:4px} #blog-hero .meta-value{font-size:14.5px;font-weight:650;color:var(--zeef2d-ink)} #blog-hero .hero-media{display:flex;align-items:flex-start;justify-content:flex-end} #blog-hero .media-frame{position:relative;width:min(420px,100%);aspect-ratio:3/2;border-radius:var(--radius-lg,16px);overflow:hidden;border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface)} #blog-hero .media-img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.03)} #blog-hero .media-badge{position:absolute;left:14px;bottom:14px;right:14px;background:color-mix(in srgb, var(--zeef2d-surface) 86%, white 14%);border:1px solid var(--zeef2d-border);border-radius:var(--radius-md,12px);padding:12px 12px} #blog-hero .badge-title{font-family:var(--zeef2d-font);font-weight:750;color:var(--zeef2d-ink);font-size:14.5px;margin-bottom:4px} #blog-hero .badge-sub{color:var(--zeef2d-secondary);font-size:13.5px;line-height:1.3} #blog-hero .media-badge{backdrop-filter:saturate(1.1)} ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 35%, white 65%);color:var(--zeef2d-ink)} @media (max-width: 920px){#blog-hero .container{grid-template-columns:1fr;gap:18px}#blog-hero .hero-media{justify-content:flex-start}#blog-hero .hero-actions{margin-top:14px}} @media (prefers-reduced-motion: reduce){#blog-hero .media-img{transform:none}} /* zeef2d:blog-list */ /* zeef2d:blog-list */ #blog-list{ --section-max: 1040px; color: var(--zeef2d-ink); background: var(--zeef2d-bg); padding: 56px 16px; } #blog-list .bloglist{max-width: var(--section-max); margin: 0 auto;} #blog-list .bloglist-head{margin-bottom: 18px;} #blog-list .bloglist-title{ font-family: var(--zeef2d-font-display); font-size: 44px; letter-spacing: -0.02em; margin: 0 0 8px 0; line-height: 1.08; } #blog-list .bloglist-subtitle{margin: 0; color: var(--zeef2d-slate); font-size: 16px; line-height: 1.6; max-width: 70ch;} #blog-list .bloglist-controls{ display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 14px; border: 1px solid var(--zeef2d-border); border-radius: var(--zeef2d-lg); background: var(--zeef2d-surface); margin: 18px 0 18px 0; } #blog-list .bloglist-controls.bottom{margin-top: 22px;} #blog-list .pager{display:flex; align-items: baseline; gap: 10px;} #blog-list .pager-label{color: var(--zeef2d-slate); font-size: 13px; letter-spacing: 0.02em;} #blog-list .pager-current{font-variant-numeric: tabular-nums; font-weight: 800; color: var(--zeef2d-ink); font-size: 18px;} #blog-list .pager-of{color: var(--zeef2d-slate); font-size: 13px;} #blog-list .pager-total{font-variant-numeric: tabular-nums; font-weight: 700; color: var(--zeef2d-slate); font-size: 13px;} #blog-list .pager-actions{display:flex; gap: 10px;} #blog-list .btn{ display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px 14px; font-weight: 700; border: 1px solid transparent; text-decoration: none; font-size: 14px; line-height: 1; white-space: nowrap; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease; } #blog-list .btn-primary{background: var(--zeef2d-primary); color: #fff; border-color: var(--zeef2d-primary);} #blog-list .btn-primary:focus-visible{outline: 3px solid rgba(184,107,46,0.45); outline-offset: 2px;} #blog-list .btn-primary:hover{background: #184235; transform: translateY(-1px);} #blog-list .btn-ghost{background: var(--zeef2d-surface); color: var(--zeef2d-ink); border-color: var(--zeef2d-border);} #blog-list .btn-ghost:focus-visible{outline: 3px solid rgba(31,75,59,0.25); outline-offset: 2px;} #blog-list .btn-ghost:hover{border-color: #b7bdc6; transform: translateY(-1px);} #blog-list .post-list{list-style: none; padding: 0; margin: 0; display: grid; gap: 14px;} #blog-list .post-item{margin: 0;} #blog-list .post-card{ background: var(--zeef2d-surface); border: 1px solid var(--zeef2d-border); border-radius: var(--zeef2d-lg); padding: 18px 18px; box-shadow: 0 10px 30px rgba(31,75,59,0.08); } #blog-list .post-meta{display:flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px;} #blog-list .post-chip{ display:inline-flex; align-items:center; padding: 6px 10px; border-radius: 999px; background: rgba(184,107,46,0.12); color: var(--zeef2d-accent); border: 1px solid rgba(184,107,46,0.25); font-size: 12.5px; font-weight: 800; } #blog-list .post-date{color: var(--zeef2d-slate); font-size: 13px; font-variant-numeric: tabular-nums;} #blog-list .post-title{margin: 0 0 8px 0;} #blog-list .post-link{color: var(--zeef2d-ink); text-decoration: none; font-family: var(--zeef2d-font-display); font-size: 24px; line-height: 1.25; letter-spacing: -0.01em;} #blog-list .post-link:hover{color: var(--zeef2d-primary);} #blog-list .post-link:focus-visible{outline: 3px solid rgba(184,107,46,0.4); outline-offset: 3px; border-radius: 8px;} #blog-list .post-excerpt{margin: 0 0 14px 0; color: var(--zeef2d-slate); font-size: 15px; line-height: 1.7;} #blog-list .post-actions{display:flex; align-items:center; justify-content: space-between; gap: 12px;} #blog-list .btn-link{ border: 1px solid var(--zeef2d-border); background: var(--zeef2d-surface); color: var(--zeef2d-ink); padding: 9px 12px; border-radius: 999px; font-weight: 800; text-decoration: none; } #blog-list .btn-link:hover{border-color: #b9c2cc; transform: translateY(-1px);} #blog-list .btn-link:focus-visible{outline: 3px solid rgba(31,75,59,0.25); outline-offset: 2px;} #blog-list .post-anchor{color: var(--zeef2d-primary); text-decoration: none; font-weight: 800; font-size: 13.5px;} #blog-list .post-anchor:hover{text-decoration: underline; text-underline-offset: 3px;} #blog-list .post-anchor:focus-visible{outline: 3px solid rgba(184,107,46,0.35); outline-offset: 3px; border-radius: 8px;} #blog-list ::selection{background: rgba(184,107,46,0.28);} @media (max-width: 720px){ #blog-list .bloglist-title{font-size: 36px;} #blog-list .bloglist-controls{flex-direction: column; align-items: stretch;} #blog-list .pager-actions{justify-content: space-between;} #blog-list .post-card{padding: 16px;} #blog-list .post-link{font-size: 20px;} #blog-list .post-actions{flex-direction: column; align-items: flex-start;} } @media (prefers-reduced-motion: reduce){ #blog-list .btn{transition: none;} #blog-list .btn:hover{transform: none;} } /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{--radius-sm:var(--zeef2d-radius-sm,8px);--radius-md:var(--zeef2d-radius-md,12px);--radius-lg:var(--zeef2d-radius-lg,16px);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 0 26px;} #article-hero .article-hero__inner{max-width:1040px;margin:0 auto;padding:0 20px;} #article-hero .article-hero__badge{display:inline-block;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);color:var(--zeef2d-ink);padding:8px 12px;border-radius:999px;font:600 14px/1 var(--zeef2d-font);letter-spacing:.2px;} #article-hero .article-hero__title{margin:16px 0 12px;font-family:var(--zeef2d-font-display);font-weight:800;font-size:44px;line-height:1.07;letter-spacing:-0.4px;text-wrap:balance;color:var(--zeef2d-ink);} #article-hero .article-hero__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 18px;} #article-hero .article-hero__meta-item{margin:0;color:var(--zeef2d-secondary);font:500 15px/1.4 var(--zeef2d-font);} #article-hero .article-hero__dot{color:var(--zeef2d-slate);font-size:18px;line-height:1;} #article-hero .article-hero__lead{margin:0 0 22px;max-width:64ch;color:var(--zeef2d-secondary);font:500 17px/1.7 var(--zeef2d-font);} #article-hero .article-hero__cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px;} #article-hero .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--zeef2d-radius-md,12px);font:700 15px/1.1 var(--zeef2d-font);text-decoration:none;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease;} #article-hero .button:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:2px;} #article-hero .button--primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid var(--zeef2d-primary);} #article-hero .button--primary:hover{background:#1a3f32;border-color:#1a3f32;transform:translateY(-1px);} #article-hero .button--secondary{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border:1px solid var(--zeef2d-border);} #article-hero .button--secondary:hover{border-color:var(--zeef2d-accent);transform:translateY(-1px);} #article-hero .article-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px;} #article-hero .stat{background:rgba(255,255,255,.7);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:16px 14px;} #article-hero .stat__value{font:800 22px/1.2 var(--zeef2d-font);color:var(--zeef2d-ink);margin-bottom:6px;} #article-hero .stat__label{font:600 14px/1.4 var(--zeef2d-font);color:var(--zeef2d-secondary);} #article-hero .article-hero__figure{margin:0;position:relative;border-radius:var(--zeef2d-radius-lg,16px);overflow:hidden;border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);} #article-hero .article-hero__image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;} #article-hero .article-hero__caption{padding:14px 16px;color:var(--zeef2d-secondary);font:500 14px/1.55 var(--zeef2d-font);} #article-hero ::selection{background:rgba(184,107,46,.28);} @media (max-width:880px){#article-hero{padding:36px 0 18px;}#article-hero .article-hero__title{font-size:34px;}#article-hero .article-hero__stats{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){#article-hero .button{transition:none;}#article-hero .button:hover{transform:none;}} /* zeef2d:article-content */ /* zeef2d:article-content */ #article-content{ --radius-sm: var(--zeef2d-radius-sm, 8px); --radius-md: var(--zeef2d-radius-md, 12px); --radius-lg: var(--zeef2d-radius-lg, 16px); --c-primary: var(--zeef2d-primary); --c-secondary: var(--zeef2d-secondary); --c-accent: var(--zeef2d-accent); --c-ink: var(--zeef2d-ink); --c-slate: var(--zeef2d-slate); --c-mist: var(--zeef2d-mist); --c-border: var(--zeef2d-border); --c-surface: var(--zeef2d-surface); --c-bg: var(--zeef2d-bg); --c-text: var(--zeef2d-text); color: var(--c-text); } #article-content .article-content-wrap{ background: var(--c-bg); padding: 56px 18px 34px; } #article-content .article-intro{ max-width: 980px; margin: 0 auto 26px; } #article-content .article-kicker{ font-family: var(--zeef2d-font-display); font-size: 28px; line-height: 1.15; letter-spacing: -0.02em; color: var(--c-ink); margin: 0 0 10px; } #article-content .article-lede{ margin: 0; max-width: 820px; font-size: 16.5px; line-height: 1.7; color: var(--c-slate); } #article-content .article-grid{ max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 320px 1fr; gap: 28px; align-items: start; } #article-content .article-toc{ position: sticky; top: 18px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius-lg); padding: 18px; box-shadow: 0 10px 24px rgba(31,75,59,.08); } #article-content .toc-title{ font-weight: 700; color: var(--c-ink); margin-bottom: 10px; } #article-content .toc-list{ margin: 0; padding-left: 18px; display: grid; gap: 10px; } #article-content .toc-link{ color: var(--c-primary); text-decoration: none; font-weight: 650; line-height: 1.35; } #article-content .toc-link:hover{ text-decoration: underline; } #article-content .toc-note{ margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--c-border); color: var(--c-slate); font-size: 13.8px; line-height: 1.55; } #article-content .article-body{ background: transparent; } #article-content .prose-block{ background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius-lg); padding: 22px 22px; margin-bottom: 18px; } #article-content .prose-heading{ margin: 0 0 12px; font-family: var(--zeef2d-font-display); color: var(--c-ink); font-size: 22px; line-height: 1.2; letter-spacing: -0.02em; text-wrap: balance; } #article-content .prose-p{ margin: 0 0 14px; color: var(--c-slate); font-size: 16px; line-height: 1.75; } #article-content .prose-list{ margin: 10px 0 0; padding-left: 18px; color: var(--c-slate); font-size: 15.5px; line-height: 1.7; display: grid; gap: 10px; } #article-content .prose-list strong{ color: var(--c-ink); } #article-content .tips{ list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; } #article-content .tip{ display: grid; grid-template-columns: 44px 1fr; gap: 12px; padding: 14px; border-radius: var(--radius-md); border: 1px solid var(--c-border); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(229,231,235,.55) 100%); } #article-content .tip-num{ width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--c-primary); color: var(--c-surface); font-weight: 800; font-variant-numeric: tabular-nums; } #article-content .tip-title{ margin: 2px 0 6px; color: var(--c-ink); font-size: 16.5px; line-height: 1.35; } #article-content .tip-text{ margin: 0; color: var(--c-slate); font-size: 15.5px; line-height: 1.7; } #article-content .checklist{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } #article-content .check-item{ border-radius: var(--radius-md); background: var(--c-mist); border: 1px solid var(--c-border); padding: 12px 12px; color: var(--c-ink); font-size: 14.5px; line-height: 1.6; } #article-content .article-links{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; } #article-content a.primary-link, #article-content a.secondary-link{ display: inline-flex; align-items: center; justify-content: center; padding: 12px 14px; border-radius: var(--radius-md); text-decoration: none; font-weight: 800; letter-spacing: -0.01em; } #article-content a.primary-link{ background: var(--c-primary); color: var(--c-surface); border: 1px solid var(--c-primary); } #article-content a.primary-link:hover{ background: #184131; border-color:#184131; } #article-content a.secondary-link{ background: var(--c-surface); color: var(--c-primary); border: 1px solid var(--c-primary); } #article-content a.secondary-link:hover{ background: rgba(31,75,59,.06); } #article-content a:focus-visible, #article-content button:focus-visible, #article-content input:focus-visible, #article-content textarea:focus-visible{ outline: 3px solid rgba(184,107,46,.45); outline-offset: 2px; } #article-content .prose-block::selection, #article-content ::selection{ background: rgba(184,107,46,.28); } @media (max-width: 980px){ #article-content .article-grid{ grid-template-columns: 1fr; } #article-content .article-toc{ position: relative; top: 0; } } @media (max-width: 620px){ #article-content .article-content-wrap{ padding-top: 40px; } #article-content .prose-block{ padding: 18px 16px; } #article-content .article-kicker{ font-size: 24px; } #article-content .checklist{ grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce){ #article-content *{ scroll-behavior: auto !important; transition: none !important; } } /* zeef2d:related-articles */ /* zeef2d:related-articles */ #related-articles{--ra-gap:16px;--ra-radius:var(--zeef2d-radius-md,12px);display:block;background:var(--zeef2d-bg);padding:40px 0} #related-articles .ra-container{max-width:1060px;margin:0 auto;padding:0 18px} #related-articles .ra-header{margin-bottom:22px} #related-articles .ra-title{font-family:var(--zeef2d-font-display);font-size:34px;letter-spacing:-0.02em;line-height:1.1;color:var(--zeef2d-ink);margin:0 0 10px;text-wrap:balance} #related-articles .ra-subtitle{margin:0;color:var(--zeef2d-slate);font-size:16px;line-height:1.5;max-width:70ch} #related-articles .ra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ra-gap)} #related-articles .ra-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg,16px);padding:16px 16px 14px;min-height:140px;box-shadow:0 8px 22px rgba(31,75,59,0.08)} #related-articles .ra-card-top{display:flex;flex-direction:column;gap:10px} #related-articles .ra-pill{display:inline-flex;align-items:center;justify-content:flex-start;align-self:flex-start;font-size:12px;letter-spacing:0.02em;color:var(--zeef2d-ink);background:rgba(184,107,46,0.12);border:1px solid rgba(184,107,46,0.25);border-radius:999px;padding:6px 10px} #related-articles .ra-pill-alt{background:rgba(31,75,59,0.10);border-color:rgba(31,75,59,0.22)} #related-articles .ra-link{font-family:var(--zeef2d-font);font-weight:650;color:var(--zeef2d-ink);text-decoration:none;font-size:16px;line-height:1.35} #related-articles .ra-link:focus-visible{outline:3px solid rgba(184,107,46,0.45);outline-offset:3px;border-radius:10px} #related-articles .ra-link:hover{color:var(--zeef2d-accent);text-decoration:underline;text-decoration-thickness:2px; text-underline-offset:3px} #related-articles .ra-desc{margin:10px 0 0;color:var(--zeef2d-slate);font-size:14px;line-height:1.55} #related-articles .ra-card:focus-within{border-color:rgba(184,107,46,0.55)} #related-articles ::selection{background:rgba(184,107,46,0.25)} @media (max-width: 980px){#related-articles .ra-title{font-size:30px}#related-articles .ra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width: 620px){#related-articles{padding:28px 0}#related-articles .ra-container{padding:0 14px}#related-articles .ra-grid{grid-template-columns:1fr}#related-articles .ra-title{font-size:26px}} @media (prefers-reduced-motion: reduce){#related-articles .ra-link{transition:none}#related-articles .ra-card{transition:none}} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{position:relative;overflow:hidden;background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:56px 0 28px} #article-hero .article-hero__bg{position:absolute;inset:-120px -120px auto -120px;height:520px;background:radial-gradient(900px 360px at 30% 10%, rgba(184,107,46,.22) 0%, rgba(184,107,46,0) 60%),radial-gradient(700px 320px at 80% 20%, rgba(31,75,59,.18) 0%, rgba(31,75,59,0) 62%);pointer-events:none} #article-hero .article-hero__wrap{position:relative;max-width:1060px;margin:0 auto;padding:0 20px} #article-hero .article-hero__kicker{display:inline-block;font-family:var(--zeef2d-font);font-size:14px;letter-spacing:.02em;color:var(--zeef2d-slate);background:rgba(255,255,255,.6);border:1px solid var(--zeef2d-border);border-radius:999px;padding:8px 12px;margin-bottom:18px} #article-hero .article-hero__title{font-family:var(--zeef2d-font-display);font-weight:750;line-height:1.06;letter-spacing:-.015em;font-size:44px;margin:0 0 14px;max-width:920px;text-wrap:balance} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 18px} #article-hero .meta-pill{display:flex;gap:10px;align-items:baseline;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-md);padding:10px 12px} #article-hero .meta-pill__label{font-size:12px;color:var(--zeef2d-slate);letter-spacing:.02em} #article-hero .meta-pill__value{font-size:14px;color:var(--zeef2d-ink);font-variant-numeric:tabular-nums} #article-hero .article-hero__lead{max-width:860px;font-size:18px;line-height:1.55;color:var(--zeef2d-text);margin:0 0 22px} #article-hero .article-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 18px} #article-hero .btn{appearance:none;border-radius:var(--radius-md);padding:12px 16px;font-family:var(--zeef2d-font);font-size:15px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent} #article-hero .btn--primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:var(--zeef2d-primary);font-weight:650} #article-hero .btn--ghost{background:transparent;color:var(--zeef2d-ink);border-color:var(--zeef2d-border);font-weight:600} #article-hero .btn:focus-visible{outline:3px solid rgba(184,107,46,.45);outline-offset:2px} #article-hero .btn--primary:active{transform:translateY(1px)} #article-hero .btn--ghost:active{transform:translateY(1px)} #article-hero .article-hero__disclaimer{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.7);border:1px solid var(--zeef2d-border);border-radius:var(--radius-md);padding:12px 14px;max-width:860px} #article-hero .article-hero__disclaimer-mark{width:28px;height:28px;border-radius:10px;background:rgba(184,107,46,.12);display:flex;align-items:center;justify-content:center;color:var(--zeef2d-accent);font-weight:800;flex:0 0 auto;line-height:1} #article-hero .article-hero__disclaimer span{font-size:14px;line-height:1.45;color:var(--zeef2d-secondary)} #article-hero ::selection{background:rgba(184,107,46,.25)} @media (max-width:820px){#article-hero{padding:44px 0 20px}#article-hero .article-hero__title{font-size:34px}#article-hero .article-hero__lead{font-size:16px}} @media (prefers-reduced-motion:reduce){#article-hero .btn{transition:none}} /* zeef2d:article-content */ /* zeef2d:article-content */ #article-content{--r:var(--zeef2d-radius-lg,16px);} #article-content{font-family:var(--zeef2d-font); background:var(--zeef2d-surface); color:var(--zeef2d-text); border-top:1px solid var(--zeef2d-border);} #article-content .content-wrap{max-width:920px; margin:0 auto; padding:32px 18px 40px;} #article-content .lead{font-size:18px; line-height:1.6; margin:0 0 18px; color:var(--zeef2d-ink);} #article-content .h2{font-family:var(--zeef2d-font-display); font-size:26px; line-height:1.2; margin:26px 0 12px; letter-spacing:-0.02em; color:var(--zeef2d-ink); text-wrap:balance;} #article-content .h3{font-family:var(--zeef2d-font-display); font-size:20px; line-height:1.25; margin:20px 0 10px; letter-spacing:-0.015em; color:var(--zeef2d-ink);} #article-content .bullets{margin:10px 0 10px; padding:0 0 0 18px;} #article-content .bullets li{margin:10px 0; line-height:1.6; color:var(--zeef2d-text);} #article-content .bullets strong{color:var(--zeef2d-ink); font-weight:700;} #article-content p{margin:0 0 14px; line-height:1.7; color:var(--zeef2d-text);} #article-content .tip-block{margin:18px 0 10px; padding:16px 16px; border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-md,12px); background:color-mix(in oklab, var(--zeef2d-surface) 82%, var(--zeef2d-accent) 18%);} #article-content .tip-title{margin:0 0 6px; font-weight:800; color:var(--zeef2d-ink); letter-spacing:-0.01em;} #article-content .tip-text{margin:0; color:var(--zeef2d-text);} #article-content .steps{margin:8px 0 18px; padding:0 0 0 18px;} #article-content .steps li{margin:10px 0; line-height:1.65;} #article-content .outro{font-size:16px; margin-top:8px; padding-top:6px; color:var(--zeef2d-ink);} #article-content .article-links{margin-top:22px; padding-top:18px; border-top:1px solid var(--zeef2d-border);} #article-content .links-title{margin:0 0 10px; font-weight:800; color:var(--zeef2d-ink); letter-spacing:-0.01em;} #article-content .links-list{list-style:none; padding:0; margin:0; display:block;} #article-content .links-list li{margin:10px 0;} #article-content .link{display:inline-block; color:var(--zeef2d-primary); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px;} #article-content .link:focus-visible{outline:3px solid color-mix(in oklab, var(--zeef2d-accent) 35%, white 65%); outline-offset:2px; border-radius:6px;} #article-content::selection{background:color-mix(in oklab, var(--zeef2d-accent) 35%, white 65%); color:var(--zeef2d-ink);} @media (max-width:520px){ #article-content .content-wrap{padding:24px 14px 32px;} #article-content .h2{font-size:22px;} #article-content .h3{font-size:18px;} #article-content .lead{font-size:16px;} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto; transition:none !important; animation:none !important;} } /* zeef2d:related-articles */ /* zeef2d:related-articles */ .related-articles-wrapper{ background: var(--zeef2d-bg); color: var(--zeef2d-text); padding: 56px 0; } .related-articles-wrapper .container{ width: min(1040px, calc(100% - 40px)); margin: 0 auto; } .related-articles-wrapper .section-head{ margin-bottom: 20px; } .related-articles-wrapper .section-title{ font-family: var(--zeef2d-font-display); font-size: 34px; line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 10px 0; text-wrap: balance; } .related-articles-wrapper .section-lead{ margin: 0; color: var(--zeef2d-slate); font-size: 16px; line-height: 1.7; max-width: 70ch; } .related-articles-wrapper .articles-list{ list-style: none; padding: 0; margin: 22px 0 26px 0; } .related-articles-wrapper .article-item{ margin: 16px 0; } .related-articles-wrapper .article-card{ background: var(--zeef2d-surface); border: 1px solid var(--zeef2d-border); border-radius: var(--radius-lg); padding: 18px 18px 16px 18px; box-shadow: 0 10px 24px rgba(31, 75, 59, 0.08); } .related-articles-wrapper .article-meta{ margin-bottom: 10px; } .related-articles-wrapper .pill{ display: inline-block; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; color: var(--zeef2d-primary); background: rgba(31, 75, 59, 0.10); border: 1px solid rgba(31, 75, 59, 0.20); } .related-articles-wrapper .article-title{ margin: 0; font-size: 18px; line-height: 1.35; letter-spacing: -0.01em; } .related-articles-wrapper .article-link{ color: var(--zeef2d-ink); text-decoration: none; border-bottom: 1px solid transparent; } .related-articles-wrapper .article-link:focus-visible{ outline: 3px solid rgba(184, 107, 46, 0.35); outline-offset: 3px; border-bottom-color: rgba(184, 107, 46, 0.55); } .related-articles-wrapper .article-link:hover{ border-bottom-color: rgba(184, 107, 46, 0.55); } .related-articles-wrapper .article-desc{ margin: 10px 0 0 0; color: var(--zeef2d-slate); line-height: 1.65; font-size: 15px; } .related-articles-wrapper .related-actions{ display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 10px; } .related-articles-wrapper .button{ display: inline-flex; align-items: center; justify-content: center; padding: 12px 14px; border-radius: var(--radius-md); font-weight: 700; font-size: 14px; text-decoration: none; border: 1px solid transparent; min-height: 44px; } .related-articles-wrapper .button-primary{ background: var(--zeef2d-primary); color: #fff; border-color: var(--zeef2d-primary); } .related-articles-wrapper .button-primary:hover{ filter: brightness(0.98); } .related-articles-wrapper .button-primary:focus-visible{ outline: 3px solid rgba(184, 107, 46, 0.35); outline-offset: 3px; } .related-articles-wrapper .button-ghost{ background: var(--zeef2d-surface); color: var(--zeef2d-ink); border-color: var(--zeef2d-border); } .related-articles-wrapper .button-ghost:hover{ border-color: rgba(184, 107, 46, 0.6); } .related-articles-wrapper .button-ghost:focus-visible{ outline: 3px solid rgba(184, 107, 46, 0.35); outline-offset: 3px; } ::selection{ background: rgba(184, 107, 46, 0.25); } @media (min-width: 860px){ .related-articles-wrapper{ padding: 64px 0; } .articles-list{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 26px; } .related-articles-wrapper .article-item{ margin: 0; } .related-articles-wrapper .article-card{ height: 100%; } .related-articles-wrapper .section-head{ margin-bottom: 16px; } } @media (prefers-reduced-motion: reduce){ .related-articles-wrapper .article-link{ transition: none; } .related-articles-wrapper .button{ transition: none; } } /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{ --radius-lg:16px; --radius-md:12px; --radius-sm:8px; font-family: var(--zeef2d-font); color: var(--zeef2d-ink); background: var(--zeef2d-bg); } #article-hero ::selection{background: rgba(184,107,46,.25);} #article-hero .hero-inner{ max-width: 1120px; margin: 0 auto; padding: 44px 18px 26px; } #article-hero .hero-head{margin-bottom: 22px;} #article-hero .hero-kicker{ display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid var(--zeef2d-border); border-radius: var(--radius-md); background: rgba(255,255,255,.7); letter-spacing: .02em; font-size: 13px; font-weight: 700; color: var(--zeef2d-secondary); } #article-hero .hero-title{ margin: 14px 0 14px; font-family: var(--zeef2d-font-display); font-size: clamp(28px, 4.3vw, 46px); line-height: 1.08; letter-spacing: -0.02em; text-wrap: balance; } #article-hero .hero-meta{ display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 10px; } #article-hero .meta-item{ display: inline-flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-radius: var(--radius-md); background: rgba(255,255,255,.65); border: 1px solid rgba(209,213,219,.85); } #article-hero .meta-label{font-size: 12px; color: var(--zeef2d-slate); font-weight: 700;} #article-hero .meta-value{font-size: 14px; color: var(--zeef2d-ink); font-weight: 800;} #article-hero .hero-grid{ display: grid; grid-template-columns: 1.55fr 1fr; gap: 18px; align-items: start; } #article-hero .hero-card{ background: rgba(255,255,255,.8); border: 1px solid rgba(209,213,219,.95); border-radius: var(--radius-lg); padding: 18px 18px; } #article-hero .hero-card-main{padding: 18px 18px 16px;} #article-hero .hero-lead{ margin: 0 0 14px; font-size: 15px; line-height: 1.65; color: var(--zeef2d-secondary); } #article-hero .hero-list{list-style: none; padding: 0; margin: 0; display: grid; gap: 10px;} #article-hero .hero-list-item{display: flex; gap: 10px; align-items: flex-start; font-weight: 700; color: var(--zeef2d-ink); font-size: 14px;} #article-hero .check{ width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(184,107,46,.16); border: 1px solid rgba(184,107,46,.35); color: var(--zeef2d-accent); flex: 0 0 auto; margin-top: -1px; } #article-hero .hero-card-side{padding: 16px 16px 14px; position: relative; overflow: hidden;} #article-hero .hero-card-side:before{ content:""; position:absolute; inset: -40% -60% auto auto; width: 280px; height: 280px; border-radius: 50%; background: rgba(31,75,59,.08); pointer-events:none; } #article-hero .side-title{position: relative; z-index: 1; font-weight: 900; font-size: 14px; letter-spacing: .02em; color: var(--zeef2d-primary); margin-bottom: 10px;} #article-hero .side-badge{ position: relative; z-index: 1; display: inline-flex; padding: 10px 12px; border-radius: 999px; background: rgba(31,75,59,.10); border: 1px solid rgba(31,75,59,.22); color: var(--zeef2d-primary); font-weight: 900; font-size: 13px; } #article-hero .side-text{position: relative; z-index: 1; margin: 12px 0 14px; color: var(--zeef2d-secondary); line-height: 1.7; font-size: 14px;} #article-hero .side-actions{position: relative; z-index: 1; display: flex; gap: 10px; flex-wrap: wrap;} #article-hero .btn{ display: inline-flex; align-items: center; justify-content: center; padding: 11px 14px; border-radius: 999px; text-decoration: none; font-weight: 900; font-size: 14px; border: 1px solid transparent; transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease; } #article-hero .btn:focus-visible{outline: 3px solid rgba(184,107,46,.35); outline-offset: 2px;} #article-hero .btn-primary{background: var(--zeef2d-primary); color: var(--zeef2d-surface); border-color: rgba(31,75,59,.5);} #article-hero .btn-primary:hover{background: #174133;} #article-hero .btn-ghost{background: rgba(255,255,255,.8); color: var(--zeef2d-ink); border-color: rgba(31,75,59,.35);} #article-hero .btn-ghost:hover{background: rgba(31,75,59,.06); border-color: rgba(31,75,59,.55);} #article-hero .side-disclaimer{position: relative; z-index: 1; margin-top: 14px; font-size: 12px; color: var(--zeef2d-slate); line-height: 1.55;} @media (max-width: 900px){ #article-hero .hero-inner{padding-top: 34px;} #article-hero .hero-grid{grid-template-columns: 1fr;} } @media (prefers-reduced-motion: reduce){ #article-hero .btn{transition:none;} } /* zeef2d:article-content */ /* zeef2d:article-content */ #article-content{--sec-pad:24px; background:var(--zeef2d-surface);} #article-content{padding:34px 0; color:var(--zeef2d-ink);} #article-content .article-content__wrap{max-width:1100px; margin:0 auto; padding:0 var(--sec-pad);} #article-content .article-content__intro{max-width:780px; margin-bottom:22px;} #article-content .kicker{display:inline-block; font:600 12px/1.2 var(--zeef2d-font); letter-spacing:.14em; text-transform:uppercase; color:var(--zeef2d-accent); margin-bottom:10px;} #article-content .article-content__title{font-family:var(--zeef2d-font-display); font-weight:650; letter-spacing:-0.02em; text-wrap:balance; font-size:40px; line-height:1.12; margin:0 0 12px;} #article-content .article-content__lead{font:450 16px/1.75 var(--zeef2d-font); color:var(--zeef2d-secondary); margin:0;} #article-content .article-content__grid{display:grid; grid-template-columns: 280px 1fr; gap:22px; align-items:start;} #article-content .article-content__toc{position:sticky; top:18px; background:var(--zeef2d-bg); border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-md,12px); padding:16px;} #article-content .toc__title{margin:0 0 10px; font:700 14px/1.3 var(--zeef2d-font); color:var(--zeef2d-ink);} #article-content .toc__list{margin:0; padding-left:18px; color:var(--zeef2d-secondary);} #article-content .toc__list li{margin:10px 0;} #article-content .toc__link{color:var(--zeef2d-primary); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px;} #article-content .toc__link:focus-visible{outline:3px solid var(--zeef2d-accent); outline-offset:3px; border-radius:8px;} #article-content .toc__note{margin-top:14px; padding:12px 12px; background:var(--zeef2d-surface); border:1px dashed var(--zeef2d-border); border-radius:var(--zeef2d-radius-sm,8px); color:var(--zeef2d-secondary); font:450 13px/1.6 var(--zeef2d-font);} #article-content .article-content__body{background:var(--zeef2d-surface);} #article-content .prose{padding:14px 6px 6px;} #article-content .prose__h{font-family:var(--zeef2d-font-display); font-size:24px; line-height:1.2; letter-spacing:-0.01em; margin:6px 0 10px; color:var(--zeef2d-ink);} #article-content .prose__h2{font-family:var(--zeef2d-font-display); font-size:18px; line-height:1.25; letter-spacing:-0.01em; margin:12px 0 8px; color:var(--zeef2d-ink);} #article-content .prose__p{margin:0 0 12px; font:450 16px/1.78 var(--zeef2d-font); color:var(--zeef2d-secondary);} #article-content .prose__list{margin:8px 0 10px; padding-left:18px; color:var(--zeef2d-secondary);} #article-content .prose__list li{margin:8px 0; font:450 15px/1.7 var(--zeef2d-font);} #article-content .prose__list--compact li{margin:6px 0;} #article-content .callout{margin:14px 0 6px; padding:14px 14px; border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-md,12px); background:linear-gradient(0deg, rgba(184,107,46,.08), rgba(184,107,46,.08));} #article-content .callout__title{font:750 14px/1.35 var(--zeef2d-font); color:var(--zeef2d-ink); margin-bottom:10px;} #article-content .callout__items{display:grid; gap:8px;} #article-content .callout__item{font:450 15px/1.6 var(--zeef2d-font); color:var(--zeef2d-secondary);} #article-content .callout__dot{color:var(--zeef2d-accent); font-weight:900; margin-right:10px;} #article-content .check{margin:10px 0 8px; padding:12px 14px; border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-md,12px); background:var(--zeef2d-bg);} #article-content .check__row{display:flex; gap:10px; align-items:flex-start; margin:10px 0; font:450 15px/1.6 var(--zeef2d-font); color:var(--zeef2d-secondary);} #article-content .check__mark{display:inline-flex; width:22px; height:22px; border-radius:50%; background:var(--zeef2d-primary); color:var(--zeef2d-surface); align-items:center; justify-content:center; font-weight:800; flex:0 0 auto; margin-top:1px;} #article-content .prose__closing{padding-bottom:18px;} #article-content .article-links{margin:14px 0 6px; padding:16px 14px; border-top:1px solid var(--zeef2d-border); border-bottom:1px solid var(--zeef2d-border);} #article-content .article-links__title{font:800 14px/1.3 var(--zeef2d-font); color:var(--zeef2d-ink); margin-bottom:10px;} #article-content .article-links__list{list-style:none; padding:0; margin:0; display:grid; gap:10px;} #article-content .article-links__link{color:var(--zeef2d-primary); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px; font:500 15px/1.5 var(--zeef2d-font);} #article-content .article-links__link:focus-visible{outline:3px solid var(--zeef2d-accent); outline-offset:3px; border-radius:10px;} #article-content ::selection{background:rgba(184,107,46,.25);} #article-content .prose a{color:var(--zeef2d-primary);} @media (max-width: 980px){#article-content .article-content__grid{grid-template-columns: 1fr; } #article-content .article-content__toc{position:relative; top:auto;} #article-content .article-content__title{font-size:34px;} } @media (max-width: 520px){#article-content .article-content__wrap{padding:0 16px;} #article-content .article-content__title{font-size:28px;} #article-content .prose__h{font-size:20px;} #article-content .prose__p{font-size:15px;} } @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;}} /* zeef2d:related-articles */ /* zeef2d:related-articles */ #related-articles{--ra-pad:clamp(18px,3.2vw,28px);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:var(--ra-pad) 0} #related-articles .related-articles-container{max-width:1080px;margin:0 auto;padding:0 clamp(16px,3vw,24px)} #related-articles .related-articles-header{margin-bottom:18px} #related-articles .related-articles-title{font-family:var(--zeef2d-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.12;font-size:clamp(22px,2.6vw,32px);margin:0 0 8px 0;text-wrap:balance} #related-articles .related-articles-subtitle{margin:0;max-width:66ch;color:var(--zeef2d-slate);font-size:15.5px;line-height:1.55} #related-articles .related-articles-grid{display:grid;grid-template-columns:1fr;gap:12px} #related-articles .related-article-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-lg);padding:14px 14px 16px 14px;box-shadow:0 10px 24px rgba(31,75,59,0.08)} #related-articles .related-article-meta{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--zeef2d-accent);font-weight:700;margin-bottom:8px} #related-articles .related-article-heading{margin:0 0 8px 0;font-size:16.5px;line-height:1.35} #related-articles .related-article-link{color:var(--zeef2d-ink);text-decoration:none} #related-articles .related-article-link:focus-visible{outline:3px solid rgba(184,107,46,0.45);outline-offset:3px;border-radius:8px} #related-articles .related-article-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} #related-articles .related-article-excerpt{margin:0;color:var(--zeef2d-slate);font-size:14.5px;line-height:1.55} @media (min-width:720px){ #related-articles .related-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #related-articles .related-article-card{padding:16px 16px 18px 16px} } @media (prefers-reduced-motion:reduce){ #related-articles *{scroll-behavior:auto} #related-articles .related-article-link:hover{text-decoration:none} } #related-articles ::selection{background:rgba(184,107,46,0.25);color:var(--zeef2d-ink)} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{position:relative; padding:48px 16px 26px; background:var(--zeef2d-bg, #F3F4F6); color:var(--zeef2d-text, #111827); overflow:hidden;} #article-hero::before{content:""; position:absolute; inset:-120px -80px auto -80px; height:360px; background:radial-gradient(closest-side, rgba(184,107,46,0.22), rgba(184,107,46,0) 70%); pointer-events:none;} .article-hero__bg{position:absolute; inset:0; background:linear-gradient(180deg, rgba(31,75,59,0.06), rgba(31,75,59,0)); pointer-events:none;} .article-hero__container{position:relative; max-width:980px; margin:0 auto;} .article-hero__meta{display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:14px;} .article-hero__tag{display:inline-flex; align-items:center; padding:8px 12px; border-radius:999px; background:rgba(31,75,59,0.08); border:1px solid rgba(31,75,59,0.18); color:var(--zeef2d-ink); font:600 13px/1.2 var(--zeef2d-font, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); letter-spacing:0.01em;} .article-hero__breadcrumbs{display:flex; align-items:center; gap:8px; color:var(--zeef2d-slate); font:600 13px/1.2 var(--zeef2d-font, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif);} .article-hero__crumb{color:var(--zeef2d-slate); text-decoration:none; border-bottom:1px solid transparent;} .article-hero__crumb:focus-visible{outline:3px solid rgba(184,107,46,0.35); outline-offset:3px; border-bottom-color:rgba(184,107,46,0.55);} .article-hero__crumb:hover{color:var(--zeef2d-ink); border-bottom-color:rgba(184,107,46,0.45);} .article-hero__sep{opacity:0.7;} .article-hero__crumb-current{color:var(--zeef2d-ink);} .article-hero__title{margin:0; font:700 40px/1.08 var(--zeef2d-font-display, 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif); letter-spacing:-0.02em; text-wrap:balance; max-width:860px;} .article-hero__byline{display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-top:18px; padding:18px 16px; border-radius:var(--zeef2d-radius-lg, 16px); background:rgba(255,255,255,0.72); border:1px solid rgba(209,213,219,0.9); backdrop-filter:blur(6px);} .article-hero__author{display:flex; align-items:center; gap:12px;} .article-hero__avatar{width:44px; height:44px; border-radius:14px; background:linear-gradient(135deg, rgba(31,75,59,0.22), rgba(184,107,46,0.18)); border:1px solid rgba(31,75,59,0.20);} .article-hero__author-name{font:700 14px/1.2 var(--zeef2d-font, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); color:var(--zeef2d-ink);} .article-hero__author-sub{margin-top:4px; font:600 12.5px/1.3 var(--zeef2d-font, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); color:var(--zeef2d-slate);} .article-hero__stats{display:flex; gap:14px; flex-wrap:wrap; justify-content:flex-end;} .stat{min-width:120px;} .stat__value{font:700 14px/1.1 var(--zeef2d-font, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); color:var(--zeef2d-ink); font-variant-numeric:tabular-nums;} .stat__label{margin-top:5px; font:600 12px/1.2 var(--zeef2d-font, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); color:var(--zeef2d-slate);} .article-hero__lead{margin:14px 0 0; font:600 16px/1.6 var(--zeef2d-font, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); color:rgba(15,42,32,0.92); max-width:760px;} .article-hero__cta-row{display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:18px;} .button{display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:var(--zeef2d-radius-md, 12px); text-decoration:none; font:800 14px/1.1 var(--zeef2d-font, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); border:1px solid transparent; cursor:pointer;} .button--primary{background:var(--zeef2d-primary); color:var(--zeef2d-surface); border-color:rgba(0,0,0,0);} .button--primary:focus-visible{outline:3px solid rgba(184,107,46,0.35); outline-offset:3px;} .button--primary:hover{filter:brightness(0.98);} .button--secondary{background:var(--zeef2d-surface); color:var(--zeef2d-ink); border-color:rgba(209,213,219,0.95);} .button--secondary:focus-visible{outline:3px solid rgba(31,75,59,0.28); outline-offset:3px;} .button--secondary:hover{border-color:rgba(184,107,46,0.55); color:var(--zeef2d-primary);} .article-hero__points{margin:18px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; max-width:760px;} .article-hero__point{position:relative; padding-left:44px; font:650 14px/1.5 var(--zeef2d-font, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); color:rgba(17,24,39,0.92);} .article-hero__bullet{position:absolute; left:0; top:0.08em; width:32px; height:26px; border-radius:12px; display:flex; align-items:center; justify-content:center; font:900 13px/1 var(--zeef2d-font, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); color:var(--zeef2d-surface); background:var(--zeef2d-accent); box-shadow:0 10px 22px rgba(184,107,46,0.18);} ::selection{background:rgba(184,107,46,0.28); color:var(--zeef2d-ink);} @media (max-width: 780px){#article-hero{padding-top:34px;} .article-hero__title{font-size:32px;} .article-hero__meta{flex-direction:column; align-items:flex-start;} .article-hero__byline{flex-direction:column; align-items:flex-start;} .article-hero__stats{justify-content:flex-start;}} @media (prefers-reduced-motion: reduce){#article-hero *{scroll-behavior:auto; transition:none !important; animation:none !important;}} /* zeef2d:article-content */ /* zeef2d:article-content */ #article-content{--pad:clamp(18px,3.2vw,34px); background:var(--zeef2d-surface); color:var(--zeef2d-text);} #article-content .content-wrap{max-width:920px; margin:0 auto; padding:28px var(--pad) 56px;} #article-content .article-header{padding:8px 0 18px; border-bottom:1px solid var(--zeef2d-border);} #article-content .article-title{font-family:var(--zeef2d-font-display); font-size:clamp(26px,3.2vw,40px); line-height:1.08; letter-spacing:-0.02em; margin:0 0 12px; text-wrap:balance; color:var(--zeef2d-ink);} #article-content .article-lead{margin:0; font-size:16px; line-height:1.65; color:var(--zeef2d-secondary); max-width:72ch;} #article-content .article-meta{margin:18px 0 0; padding:16px 18px; background:var(--zeef2d-bg); border:1px solid var(--zeef2d-border); border-radius:var(--radius-md);} #article-content .meta-intro{margin:0 0 10px; font-weight:650; color:var(--zeef2d-ink);} #article-content .meta-list{margin:0; padding-left:18px; color:var(--zeef2d-secondary); line-height:1.7;} #article-content .article-body{padding-top:22px;} #article-content .h2{font-family:var(--zeef2d-font-display); font-size:22px; line-height:1.25; letter-spacing:-0.01em; margin:28px 0 10px; color:var(--zeef2d-ink); text-wrap:balance;} #article-content .p{margin:0 0 14px; font-size:16px; line-height:1.75; color:var(--zeef2d-secondary);} #article-content .ul{margin:6px 0 18px; padding-left:18px; color:var(--zeef2d-secondary);} #article-content .ul li{margin:8px 0; line-height:1.7;} #article-content strong{color:var(--zeef2d-ink); font-weight:750;} #article-content .article-nav{margin-top:28px; padding-top:20px; border-top:1px dashed var(--zeef2d-border);} #article-content .nav-note{margin:0 0 10px; color:var(--zeef2d-slate); font-size:15px; line-height:1.6;} #article-content .related-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px;} #article-content .related-link{display:block; padding:10px 12px; border-radius:var(--radius-sm); border:1px solid var(--zeef2d-border); background:var(--zeef2d-surface); color:var(--zeef2d-ink); text-decoration:none; font-weight:650; line-height:1.3;} #article-content .related-link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 65%, white); outline-offset:2px;} #article-content .related-link:hover{border-color:color-mix(in srgb, var(--zeef2d-accent) 55%, var(--zeef2d-border));} #article-content .article-callout{margin-top:26px; padding:18px 16px; background:color-mix(in srgb, var(--zeef2d-bg) 72%, var(--zeef2d-surface)); border:1px solid var(--zeef2d-border); border-radius:var(--radius-lg);} #article-content .callout-title{margin-top:0;} #article-content .callout-p{margin-bottom:0;} #article-content .callout-divider{height:1px; background:var(--zeef2d-border); margin:14px 0;} #article-content ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 30%, white);} #article-content a{color:var(--zeef2d-ink);} #article-content a:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 65%, white); outline-offset:3px;} @media (max-width:680px){#article-content .content-wrap{padding-top:22px; padding-bottom:44px;}#article-content .article-meta{padding:14px 14px;}#article-content .h2{font-size:20px;}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto; transition:none !important; animation:none !important;}} /* zeef2d:related-articles */ #related-articles{--ra-accent:var(--zeef2d-accent);--ra-ink:var(--zeef2d-ink);--ra-slate:var(--zeef2d-slate);--ra-border:var(--zeef2d-border);--ra-bg:var(--zeef2d-bg);--ra-surface:var(--zeef2d-surface);background:var(--ra-bg);color:var(--zeef2d-text);padding:56px 16px} #related-articles .related-articles__container{max-width:1080px;margin:0 auto} /* zeef2d:related-articles */ #related-articles .related-articles__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px} #related-articles .related-articles__title{font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.08;letter-spacing:-0.02em;margin:0;color:var(--ra-ink);text-wrap:balance} #related-articles .related-articles__lead{margin:0;max-width:620px;color:var(--ra-slate);font-size:15px;line-height:1.6} #related-articles .related-articles__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #related-articles .related-articles__item{background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--radius-lg);padding:18px 18px 16px;box-shadow:0 10px 30px rgba(31,75,59,.06);position:relative;overflow:hidden} #related-articles .related-articles__item:before{content:"";position:absolute;left:-40px;top:-60px;width:120px;height:120px;background:radial-gradient(circle at 30% 30%, rgba(184,107,46,.24), rgba(184,107,46,0) 60%);pointer-events:none} #related-articles .related-articles__item-title{margin:0 0 10px;font-size:16px;line-height:1.35;font-weight:700;color:var(--ra-ink);text-wrap:balance} #related-articles .related-articles__item-meta{margin:0 0 14px;color:var(--ra-slate);font-size:14px;line-height:1.55} #related-articles .related-articles__link{display:inline-flex;align-items:center;gap:8px;color:var(--ra-ink);text-decoration:none;font-weight:700;border:1px solid var(--ra-border);border-radius:10px;padding:10px 12px;background:transparent} #related-articles .related-articles__link:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px} #related-articles .related-articles__link:hover{border-color:rgba(184,107,46,.55)} @media (max-width:860px){#related-articles{padding:44px 14px}#related-articles .related-articles__header{flex-direction:column;align-items:flex-start}#related-articles .related-articles__title{font-size:30px}#related-articles .related-articles__list{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto}} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{ --radius-1: var(--zeef2d-radius, 12px); color: var(--zeef2d-text); background: var(--zeef2d-bg); padding: 36px 16px 26px; } #article-hero .hero-inner{ max-width: 1080px; margin: 0 auto; } #article-hero .hero-eyebrow{ display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid var(--zeef2d-border); border-radius: var(--zeef2d-radius, 12px); background: var(--zeef2d-surface); color: var(--zeef2d-slate); font: 600 13px/1.2 var(--zeef2d-font); letter-spacing: 0.01em; } #article-hero .hero-title{ margin: 16px 0 12px; font-family: var(--zeef2d-font-display); font-weight: 720; letter-spacing: -0.02em; font-size: clamp(28px, 3.3vw, 44px); line-height: 1.05; text-wrap: balance; } #article-hero .hero-meta{ display: flex; flex-wrap: wrap; gap: 12px 16px; margin: 0 0 14px; } #article-hero .meta-item{ display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; background: var(--zeef2d-surface); border: 1px solid var(--zeef2d-border); border-radius: var(--zeef2d-radius, 12px); min-width: 220px; } #article-hero .meta-label{ font: 600 12px/1.2 var(--zeef2d-font); color: var(--zeef2d-slate); } #article-hero .meta-value{ font: 680 15px/1.2 var(--zeef2d-font); color: var(--zeef2d-ink); } #article-hero .hero-lead{ margin: 0 0 18px; max-width: 70ch; font: 500 16px/1.65 var(--zeef2d-font); color: var(--zeef2d-secondary, var(--zeef2d-slate)); } #article-hero .hero-cta-row{ display: flex; gap: 12px; flex-wrap: wrap; margin: 0 0 18px; } #article-hero .btn{ display: inline-flex; align-items: center; justify-content: center; padding: 12px 16px; border-radius: var(--zeef2d-radius, 12px); font: 700 14px/1 var(--zeef2d-font); text-decoration: none; border: 1px solid transparent; transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease, color 140ms ease; } #article-hero .btn-primary{ background: var(--zeef2d-primary); color: var(--zeef2d-surface); border-color: var(--zeef2d-primary); } #article-hero .btn-ghost{ background: var(--zeef2d-surface); color: var(--zeef2d-primary); border-color: var(--zeef2d-primary); } #article-hero .btn:focus-visible{ outline: 3px solid color-mix(in oklab, var(--zeef2d-accent) 55%, white); outline-offset: 2px; } #article-hero .hero-highlights{ display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0 0 18px; } #article-hero .highlight{ background: var(--zeef2d-surface); border: 1px solid var(--zeef2d-border); border-radius: var(--zeef2d-radius, 12px); padding: 14px 14px 16px; } #article-hero .highlight-title{ color: var(--zeef2d-ink); font: 760 14px/1.25 var(--zeef2d-font); margin: 0 0 6px; } #article-hero .highlight-text{ color: var(--zeef2d-secondary, var(--zeef2d-slate)); font: 520 14px/1.6 var(--zeef2d-font); } #article-hero .hero-callout{ display: flex; gap: 12px; align-items: flex-start; background: var(--zeef2d-surface); border: 1px solid var(--zeef2d-border); border-radius: var(--zeef2d-radius, 16px); padding: 14px 14px; } #article-hero .callout-mark{ width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: color-mix(in oklab, var(--zeef2d-accent) 16%, white); color: var(--zeef2d-accent); font-size: 16px; flex: 0 0 auto; } #article-hero .callout-title{ font: 780 14px/1.25 var(--zeef2d-font); color: var(--zeef2d-ink); margin: 2px 0 6px; } #article-hero .callout-text{ font: 520 14px/1.6 var(--zeef2d-font); color: var(--zeef2d-secondary, var(--zeef2d-slate)); } @media (min-width: 820px){ #article-hero{ padding-top: 46px; } #article-hero .hero-highlights{ grid-template-columns: 1fr 1fr 1fr; } } @media (prefers-reduced-motion: reduce){ #article-hero .btn{ transition: none; } } #article-hero ::selection{ background: color-mix(in oklab, var(--zeef2d-accent) 28%, white); color: var(--zeef2d-ink); } /* zeef2d:article-content */ /* zeef2d:article-content */ #article-content.article-content{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:28px 0 44px;} #article-content .article-content__inner{max-width:1100px;margin:0 auto;padding:0 18px;} #article-content .article-content__kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.02em;color:var(--zeef2d-secondary);background:rgba(255,255,255,.7);border:1px solid var(--zeef2d-border);padding:10px 12px;border-radius:var(--zeef2d-radius-sm);} #article-content .article-content__title{margin:14px 0 12px;font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.15;letter-spacing:-.015em;text-wrap:balance;} #article-content .article-content__lead{margin:0 0 18px;max-width:78ch;font-size:16px;line-height:1.7;color:var(--zeef2d-secondary);} #article-content .article-content__grid{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:start;margin-top:18px;} #article-content .article-content__side{position:sticky;top:18px;} #article-content .article-content__side-title{margin:0 0 10px;font-size:16px;letter-spacing:.01em;color:var(--zeef2d-ink);} #article-content .article-content__facts{list-style:none;padding:0;margin:0;border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md);background:var(--zeef2d-surface);} #article-content .article-content__fact{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-top:1px solid var(--zeef2d-border);} #article-content .article-content__fact:first-child{border-top:0;} #article-content .article-content__fact-label{font-size:13px;color:var(--zeef2d-slate);} #article-content .article-content__fact-value{font-size:14px;color:var(--zeef2d-ink);font-variant-numeric:tabular-nums;} #article-content .article-content__callout{margin-top:14px;border-left:4px solid var(--zeef2d-accent);background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md);padding:14px 14px;} #article-content .article-content__callout-text{margin:0;color:var(--zeef2d-secondary);line-height:1.6;font-size:14px;} #article-content .article-content__main{min-width:0;} #article-content .article-content__h{margin:18px 0 10px;font-family:var(--zeef2d-font-display);font-size:20px;color:var(--zeef2d-ink);letter-spacing:-.01em;} #article-content .article-content__list{margin:0 0 16px;padding-left:18px;color:var(--zeef2d-secondary);line-height:1.75;font-size:15px;} #article-content .article-content__list li{margin:10px 0;} #article-content .article-content__timeline{display:flex;flex-direction:column;gap:14px;margin:6px 0 18px;} #article-content .article-content__step{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:14px;border-radius:var(--zeef2d-radius-md);border:1px solid var(--zeef2d-border);background:rgba(255,255,255,.75);} #article-content .article-content__step-index{width:42px;height:42px;border-radius:50%;background:var(--zeef2d-primary);color:var(--zeef2d-surface);display:flex;align-items:center;justify-content:center;font-weight:700;} #article-content .article-content__step-title{margin:0 0 6px;font-size:16px;color:var(--zeef2d-ink);} #article-content .article-content__step-text{margin:0;color:var(--zeef2d-secondary);line-height:1.65;font-size:14.5px;} #article-content .article-content__two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 10px;} #article-content .article-content__box{border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md);background:var(--zeef2d-surface);padding:14px 14px;} #article-content .article-content__box-title{margin:0 0 10px;font-size:15px;color:var(--zeef2d-ink);letter-spacing:.01em;} #article-content .article-content__mini{margin:0;padding-left:18px;color:var(--zeef2d-secondary);line-height:1.7;font-size:14.5px;} #article-content .article-content__mini li{margin:8px 0;} #article-content .article-content__p{margin:0 0 14px;color:var(--zeef2d-secondary);line-height:1.75;font-size:15.2px;} #article-content .article-content__cta-row{margin:18px 0 0;} #article-content .article-content__link{display:inline-flex;align-items:center;gap:10px;color:var(--zeef2d-primary);text-decoration:none;border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);padding:12px 14px;border-radius:var(--zeef2d-radius-md);font-weight:650;} #article-content .article-content__link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 45%, transparent);outline-offset:2px;} #article-content .article-content__divider{height:1px;background:var(--zeef2d-border);margin:26px 0 18px;} #article-content .article-content__policy{max-width:85ch;} #article-content .article-content__policy-text{margin:0;color:var(--zeef2d-slate);font-size:13.5px;line-height:1.65;} #article-content ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 22%, white);} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;transition:none !important;animation:none !important;}} @media (max-width:980px){#article-content .article-content__grid{grid-template-columns:1fr;gap:18px;}#article-content .article-content__side{position:relative;top:auto;}#article-content .article-content__two{grid-template-columns:1fr;}} @media (max-width:520px){#article-content .article-content__title{font-size:28px;}#article-content .article-content__inner{padding:0 14px;}#article-content .article-content__step{padding:12px;}} /* zeef2d:related-articles */ /* zeef2d:related-articles */ #related-articles.related-articles{background:var(--zeef2d-bg);color:var(--zeef2d-ink);padding:48px 0} #related-articles .container{max-width:980px;margin:0 auto;padding:0 18px} #related-articles .section-head{margin-bottom:18px} #related-articles .section-title{font-family:var(--zeef2d-font-display);font-size:34px;line-height:1.12;letter-spacing:-0.02em;margin:0 0 10px 0;text-wrap:balance} #related-articles .section-subtitle{margin:0;max-width:64ch;font-size:16px;line-height:1.6;color:var(--zeef2d-secondary)} #related-articles .article-list{list-style:none;padding:0;margin:18px 0 0 0;border-top:1px solid var(--zeef2d-border)} #related-articles .article-item{border-bottom:1px solid var(--zeef2d-border)} #related-articles .article-link{display:block;padding:14px 0;text-decoration:none;color:var(--zeef2d-ink);outline:none} #related-articles .article-link:hover .article-title{color:var(--zeef2d-accent)} #related-articles .article-link:focus-visible{box-shadow:0 0 0 3px rgba(184,107,46,0.35);border-radius:10px;padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px} #related-articles .article-meta{display:inline-block;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--zeef2d-secondary);margin-bottom:4px} #related-articles .article-title{display:block;font-size:18px;line-height:1.35;font-family:var(--zeef2d-font)} #related-articles .section-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px} #related-articles .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--zeef2d-radius, 12px);padding:12px 16px;font-size:15px;line-height:1;border:1px solid transparent;min-width:190px} #related-articles .btn-primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:var(--zeef2d-primary)} #related-articles .btn-primary:hover{filter:brightness(1.03)} #related-articles .btn-ghost{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border-color:var(--zeef2d-border)} #related-articles .btn-ghost:hover{border-color:rgba(184,107,46,0.55)} #related-articles .btn:focus-visible{box-shadow:0 0 0 3px rgba(31,75,59,0.25)} @media (max-width:720px){#related-articles{padding:36px 0}#related-articles .section-title{font-size:28px}#related-articles .btn{min-width:0;width:100%}} #related-articles ::selection{background:rgba(184,107,46,0.25)} @media (prefers-reduced-motion: reduce){#related-articles .article-link,#related-articles .btn{transition:none}} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero.article-hero{background:var(--zeef2d-bg);padding:44px 0 26px;color:var(--zeef2d-text);} #article-hero .article-hero-inner{max-width:1100px;margin:0 auto;padding:0 20px;} #article-hero .article-hero-kicker{display:inline-block;letter-spacing:.02em;font-weight:600;color:var(--zeef2d-primary);background:rgba(31,75,59,.08);border:1px solid rgba(31,75,59,.18);padding:10px 14px;border-radius:999px;} #article-hero .article-hero-title{margin:14px 0 12px;font-family:var(--zeef2d-font-display);font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;} #article-hero .article-hero-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;} #article-hero .meta-item{color:var(--zeef2d-secondary);font-weight:600;} #article-hero .meta-value{font-variant-numeric:tabular-nums;color:var(--zeef2d-primary);} #article-hero .meta-sep{color:rgba(17,24,39,.35);} #article-hero .article-hero-lead{max-width:860px;margin:0 0 18px;font-size:16px;line-height:1.7;color:rgba(17,24,39,.86);} #article-hero .article-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0 16px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 16px;border-radius:var(--radius-md,12px);text-decoration:none;font-weight:700;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;} #article-hero .btn:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;} #article-hero .btn-primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border-color:var(--zeef2d-primary);} #article-hero .btn-primary:hover{background:#174134;transform:translateY(-1px);} #article-hero .btn-ghost{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border-color:rgba(31,75,59,.35);} #article-hero .btn-ghost:hover{background:rgba(31,75,59,.06);border-color:rgba(31,75,59,.55);transform:translateY(-1px);} #article-hero .article-hero-note{display:flex;gap:12px;align-items:flex-start;max-width:860px;margin-top:14px;padding:14px 14px;border:1px solid rgba(184,107,46,.25);background:rgba(184,107,46,.08);border-radius:var(--radius-lg,16px);} #article-hero .note-mark{width:28px;height:28px;border-radius:999px;background:rgba(184,107,46,.18);color:var(--zeef2d-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto;margin-top:1px;} #article-hero .note-text{color:rgba(17,24,39,.86);line-height:1.55;font-size:15px;} #article-hero *::selection{background:rgba(184,107,46,.26);} @media (max-width:640px){ #article-hero{padding:34px 0 18px;} #article-hero .article-hero-inner{padding:0 16px;} #article-hero .article-hero-actions{margin-top:14px;} #article-hero .article-hero-lead{font-size:15px;} } @media (prefers-reduced-motion:reduce){ #article-hero .btn{transition:none;} #article-hero .btn-primary:hover,#article-hero .btn-ghost:hover{transform:none;} } /* zeef2d:article-content */ /* zeef2d:article-content */ #article-content{--pad:clamp(16px,3vw,28px);--container:980px;--text:var(--zeef2d-text);--ink:var(--zeef2d-ink);--muted:var(--zeef2d-slate);--border:var(--zeef2d-border);--bg:var(--zeef2d-bg);--surface:var(--zeef2d-surface);--accent:var(--zeef2d-accent);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:var(--pad) 0;} #article-content .article-content__inner{max-width:var(--container);margin:0 auto;padding:0 var(--pad);} #article-content .article-content__lead{font-family:var(--zeef2d-font);font-size:1.0625rem;line-height:1.7;margin:0 0 18px 0;color:var(--zeef2d-ink);text-wrap:balance;} #article-content .article-content__h2{font-family:var(--zeef2d-font-display);font-weight:720;letter-spacing:-0.02em;margin:26px 0 10px 0;color:var(--zeef2d-ink);font-size:1.55rem;line-height:1.2;text-wrap:balance;} #article-content .article-content__h3{font-family:var(--zeef2d-font);font-weight:700;margin:18px 0 8px 0;color:var(--zeef2d-ink);font-size:1.125rem;line-height:1.35;} #article-content .article-content__p{margin:0 0 14px 0;line-height:1.75;color:var(--zeef2d-text);font-size:1.015rem;} #article-content .article-content__list{margin:8px 0 16px 18px;padding:0;line-height:1.75;color:var(--zeef2d-text);font-size:1.015rem;} #article-content .article-content__ol{list-style:decimal;} #article-content .article-content__list li{margin:8px 0;} #article-content .article-content__list strong{color:var(--zeef2d-ink);} #article-content .article-content__callout{margin:18px 0 10px 0;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-left:5px solid var(--zeef2d-accent);border-radius:var(--zeef2d-radius, 12px);padding:14px 16px;} #article-content .article-content__callout-title{margin:0 0 6px 0;font-weight:800;color:var(--zeef2d-ink);font-family:var(--zeef2d-font);} #article-content .article-content__callout-text{margin:0;color:var(--zeef2d-text);line-height:1.7;font-size:1.015rem;} #article-content .article-content__links{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 0 0;} #article-content .article-content__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:var(--zeef2d-radius, 12px);background:var(--zeef2d-primary);color:var(--zeef2d-surface);font-weight:750;text-decoration:none;border:1px solid var(--zeef2d-primary);} #article-content .article-content__link:focus-visible{outline:3px solid var(--zeef2d-accent);outline-offset:2px;} #article-content .article-content__link--secondary{background:var(--zeef2d-surface);color:var(--zeef2d-ink);border-color:var(--zeef2d-border);} #article-content .article-content__link--secondary:hover{border-color:var(--zeef2d-accent);} #article-content .article-content__link:hover{background:color-mix(in oklab, var(--zeef2d-primary) 90%, var(--zeef2d-accent) 10%);} #article-content .article-content__link--secondary:hover{background:var(--zeef2d-bg);} #article-content *::selection{background:color-mix(in oklab, var(--zeef2d-accent) 35%, white 65%);} @media (prefers-reduced-motion: reduce){#article-content .article-content__link{transition:none;}} @media (max-width:720px){#article-content .article-content__h2{font-size:1.35rem;}.article-content__links{gap:10px;}} /* zeef2d:related-articles */ #related-articles{--ra-primary:var(--zeef2d-primary);--ra-accent:var(--zeef2d-accent);--ra-ink:var(--zeef2d-ink);--ra-muted:var(--zeef2d-slate);--ra-border:var(--zeef2d-border);--ra-surface:var(--zeef2d-surface);--ra-bg:var(--zeef2d-bg);--ra-mist:var(--zeef2d-mist);background:var(--ra-bg);padding:48px 0 56px;} #related-articles .ra-container{max-width:1040px;margin:0 auto;padding:0 20px;} #related-articles .ra-head{margin-bottom:22px;} #related-articles .ra-title{font-family:var(--zeef2d-font-display);color:var(--ra-ink);font-size:34px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px;text-wrap:balance;} #related-articles .ra-subtitle{margin:0;max-width:70ch;color:var(--ra-muted);font-size:16px;line-height:1.6;} #related-articles .ra-list{display:flex;flex-direction:column;gap:14px;} #related-articles .ra-item{background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--zeef2d-radius,12px);padding:16px 16px 14px;box-shadow:0 6px 18px rgba(31,75,59,.08);} #related-articles .ra-item-title{margin:0 0 8px;font-size:18px;line-height:1.35;} #related-articles .ra-link{color:var(--ra-ink);text-decoration:none;display:inline;} #related-articles .ra-link:hover{color:var(--ra-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;} #related-articles .ra-link:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:3px;border-radius:10px;} #related-articles .ra-item-meta{margin:0;color:var(--ra-muted);font-size:14px;line-height:1.55;} #related-articles .ra-actions{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .ra-button{background:var(--ra-primary);color:var(--zeef2d-surface);border:1px solid var(--ra-primary);border-radius:var(--zeef2d-radius,12px);padding:12px 16px;font-size:15px;line-height:1.2;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;gap:10px;} #related-articles .ra-button:hover{background:#184036;} #related-articles .ra-button:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:3px;} #related-articles .ra-button:active{transform:translateY(1px);} ::selection{background:rgba(184,107,46,.25);color:var(--ra-ink);} @media (max-width:720px){#related-articles{padding:36px 0 44px;} #related-articles .ra-title{font-size:28px;} #related-articles .ra-container{padding:0 16px;} #related-articles .ra-item{padding:14px 14px 12px;} #related-articles .ra-actions{justify-content:stretch;} #related-articles .ra-button{width:100%;justify-content:center;}} @media (prefers-reduced-motion:reduce){#related-articles .ra-item,#related-articles .ra-button{transition:none !important;}} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{--radius:var(--zeef2d-radius, 16px);position:relative;overflow:hidden;background:var(--zeef2d-bg);padding:56px 18px 28px;color:var(--zeef2d-text);} #article-hero .article-hero__bg{position:absolute;inset:-2px;pointer-events:none;background: radial-gradient(1200px 500px at 15% 10%, color-mix(in srgb, var(--zeef2d-accent) 22%, transparent) 0%, transparent 55%), radial-gradient(900px 420px at 75% 15%, color-mix(in srgb, var(--zeef2d-primary) 18%, transparent) 0%, transparent 58%), linear-gradient(to bottom, color-mix(in srgb, var(--zeef2d-surface) 65%, transparent) 0%, var(--zeef2d-bg) 60%);} #article-hero .article-hero__inner{max-width:1020px;margin:0 auto;position:relative;} #article-hero .article-hero__topline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px;} #article-hero .article-hero__chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--zeef2d-border);border-radius:999px;background:color-mix(in srgb, var(--zeef2d-surface) 85%, transparent);font-weight:600;font-size:13px;letter-spacing:.2px;} #article-hero .article-hero__meta{color:var(--zeef2d-slate);font-size:14px;font-weight:600;} #article-hero .article-hero__title{font-family:var(--zeef2d-font-display);font-size:40px;line-height:1.08;margin:0 0 14px;letter-spacing:-0.4px;text-wrap:balance;} #article-hero .article-hero__lede{max-width:760px;font-size:17px;line-height:1.55;margin:0 0 22px;color:color-mix(in srgb, var(--zeef2d-text) 92%, var(--zeef2d-slate));} #article-hero .article-hero__metaRow{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 22px;} #article-hero .article-hero__metaItem{flex:1 1 220px;min-width:210px;padding:14px 14px;border-radius:var(--zeef2d-radius-md, 12px);border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);} #article-hero .article-hero__metaLabel{font-size:12px;color:var(--zeef2d-slate);font-weight:700;letter-spacing:.35px;text-transform:uppercase;} #article-hero .article-hero__metaValue{margin-top:6px;font-size:16px;font-weight:700;color:var(--zeef2d-ink);} #article-hero .article-hero__ctaRow{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:10px 0 18px;} #article-hero .article-hero__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--zeef2d-radius-md, 12px);padding:12px 16px;font-weight:800;font-size:15px;letter-spacing:.1px;outline:2px solid transparent;outline-offset:2px;} #article-hero .article-hero__button--primary{background:var(--zeef2d-primary);color:var(--zeef2d-surface);border:1px solid color-mix(in srgb, var(--zeef2d-primary) 75%, var(--zeef2d-border));} #article-hero .article-hero__button--ghost{background:color-mix(in srgb, var(--zeef2d-surface) 75%, transparent);border:2px solid var(--zeef2d-primary);color:var(--zeef2d-primary);} #article-hero .article-hero__button:focus-visible{outline-color:color-mix(in srgb, var(--zeef2d-accent) 70%, var(--zeef2d-primary));} #article-hero .article-hero__button:active{transform:translateY(1px);} #article-hero .article-hero__note{display:flex;gap:12px;align-items:flex-start;max-width:820px;background:color-mix(in srgb, var(--zeef2d-surface) 75%, transparent);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md, 12px);padding:14px 16px;} #article-hero .article-hero__noteMark{font-size:18px;line-height:1;color:var(--zeef2d-accent);margin-top:2px;} #article-hero .article-hero__noteText{margin:0;font-size:15px;line-height:1.45;color:color-mix(in srgb, var(--zeef2d-text) 90%, var(--zeef2d-slate));} #article-hero ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 32%, transparent);} @media (max-width: 720px){#article-hero{padding:44px 14px 22px;}#article-hero .article-hero__title{font-size:32px;}#article-hero .article-hero__lede{font-size:16px;}#article-hero .article-hero__metaItem{min-width:170px;}} @media (prefers-reduced-motion: reduce){#article-hero .article-hero__button{transition:none;}} /* zeef2d:article-content */ /* zeef2d:article-content */ #article-content{--pad:clamp(18px,3.6vw,36px);background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:var(--pad) 0} #article-content .article-content__container{max-width:980px;margin:0 auto;padding:0 var(--pad)} #article-content .article-content__header{margin-bottom:18px} #article-content .article-content__kicker{display:inline-block;font-family:var(--zeef2d-font-display);letter-spacing:.02em;text-transform:uppercase;font-size:12px;color:var(--zeef2d-accent);margin:0 0 10px} #article-content .article-content__title{font-family:var(--zeef2d-font-display);font-size:clamp(26px,4.2vw,44px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;margin:0 0 14px} #article-content .article-content__lead{font-size:16px;line-height:1.65;color:var(--zeef2d-secondary);margin:0;max-width:74ch} #article-content .article-content__toc{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:14px 16px;margin:22px 0 18px} #article-content .article-content__toc-title{margin:0 0 10px;font-weight:700;color:var(--zeef2d-ink);font-size:14px} #article-content .article-content__toc-list{margin:0;padding-left:18px} #article-content .article-content__toc-list li{margin:8px 0} #article-content .article-content__toc-link{color:var(--zeef2d-primary);text-decoration:none;border-bottom:1px solid rgba(31,75,59,.25)} #article-content .article-content__toc-link:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:3px;border-bottom-color:rgba(184,107,46,.7)} #article-content .article-content__body{background:transparent} #article-content .article-block{margin:18px 0 26px} #article-content .article-block__title{font-family:var(--zeef2d-font-display);font-size:20px;line-height:1.25;margin:0 0 10px;color:var(--zeef2d-ink);letter-spacing:-.01em} #article-content .article-block__p{margin:0 0 12px;color:var(--zeef2d-secondary);line-height:1.75;font-size:16px} #article-content .article-aside{background:rgba(31,75,59,.05);border:1px solid rgba(31,75,59,.18);border-radius:var(--radius-md);padding:14px 16px;margin:14px 0 0} #article-content .article-aside__title{margin:0 0 10px;font-weight:800;color:var(--zeef2d-ink);font-size:14px} #article-content .article-aside__list{margin:0;padding-left:18px;color:var(--zeef2d-secondary);line-height:1.7} #article-content .article-aside__list li{margin:8px 0} #article-content .article-check{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-md);padding:14px 16px} #article-content .article-check__title{margin:0 0 10px;font-weight:800;color:var(--zeef2d-ink);font-size:14px} #article-content .article-check__list{margin:0;padding-left:18px;color:var(--zeef2d-secondary);line-height:1.7} #article-content .article-check__list li{margin:8px 0} #article-content .article-block--summary{border-top:1px solid var(--zeef2d-border);padding-top:16px} #article-content .article-steps{list-style:none;margin:0;padding:0} #article-content .article-steps__item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px dashed rgba(209,213,219,.85)} #article-content .article-steps__item:last-child{border-bottom:none} #article-content .article-steps__num{width:30px;min-width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--zeef2d-primary);color:var(--zeef2d-surface);font-weight:800;font-size:13px} #article-content .article-steps__item strong{color:var(--zeef2d-ink)} #article-content .article-content__footer{margin-top:10px} #article-content .article-content__footer-p{margin:0 0 14px;color:var(--zeef2d-secondary);line-height:1.75} #article-content .article-content__links{display:flex;gap:10px;flex-wrap:wrap} #article-content .article-content__link{display:inline-block;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--zeef2d-border);background:var(--zeef2d-surface);color:var(--zeef2d-primary);text-decoration:none;font-weight:700} #article-content .article-content__link:hover{border-color:rgba(184,107,46,.55)} #article-content .article-content__link:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:3px} #article-content ::selection{background:rgba(184,107,46,.28)} #article-content .article-content__toc-link,#article-content .article-content__link{transition:border-color .15s ease, background-color .15s ease} @media (max-width:720px){#article-content .article-content__container{padding:0 18px}#article-content .article-content__toc{padding:12px 14px}#article-content .article-block__p{font-size:15px}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;transition:none}} /* zeef2d:related-articles */ /* zeef2d:related-articles */ #related-articles{background:var(--zeef2d-bg);color:var(--zeef2d-text);padding:48px 0 56px;} #related-articles .container{max-width:1040px;margin:0 auto;padding:0 20px;} #related-articles .related-header{margin-bottom:22px;} #related-articles .related-title{font-family:var(--zeef2d-font-display);font-size:clamp(26px,3.2vw,36px);line-height:1.1;letter-spacing:-0.02em;margin:0 0 10px;text-wrap:balance;} #related-articles .related-lede{margin:0;max-width:68ch;color:var(--zeef2d-slate);font-size:16px;line-height:1.6;} #related-articles .related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} #related-articles .related-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:18px 18px 16px;box-shadow:0 10px 30px rgba(31,75,59,0.08);} #related-articles .related-card-title{margin:0 0 8px;font-size:18px;line-height:1.25;color:var(--zeef2d-ink);letter-spacing:-0.01em;font-weight:750;} #related-articles .related-card-meta{margin:0 0 14px;color:var(--zeef2d-slate);font-size:14.5px;line-height:1.55;} #related-articles .related-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--zeef2d-primary);font-weight:700;border:1px solid var(--zeef2d-primary);background:transparent;padding:10px 12px;border-radius:var(--radius-md);} #related-articles .related-link:focus-visible{outline:3px solid rgba(184,107,46,0.35);outline-offset:2px;} #related-articles .related-link:hover{background:rgba(31,75,59,0.06);} #related-articles .related-link::after{content:"›";font-size:18px;line-height:1;} @media (max-width:860px){#related-articles{padding:40px 0 48px;}#related-articles .related-grid{grid-template-columns:1fr;gap:12px;}} @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} #related-articles ::selection{background:rgba(184,107,46,0.25);} /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero.article-hero{--local-max:1120px; background:var(--zeef2d-bg); color:var(--zeef2d-ink); padding:48px 16px 28px;} #article-hero .hero-inner{max-width:var(--local-max); margin:0 auto;} #article-hero .hero-kicker{display:inline-flex; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-md); background:var(--zeef2d-surface); font:600 13px/1.2 var(--zeef2d-font); color:var(--zeef2d-secondary); letter-spacing:.2px;} #article-hero .hero-title{margin:14px 0 14px; font:700 38px/1.08 var(--zeef2d-font-display); letter-spacing:-0.5px; text-wrap:balance;} #article-hero .hero-meta{display:flex; flex-wrap:wrap; gap:12px; margin:10px 0 18px;} #article-hero .meta-item{flex:1 1 220px; min-width:220px; padding:14px 14px; border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-md); background:rgba(255,255,255,.7);} #article-hero .meta-label{display:block; font:600 12px/1.2 var(--zeef2d-font); color:var(--zeef2d-slate); margin-bottom:6px;} #article-hero .meta-value{display:block; font:600 15px/1.3 var(--zeef2d-font); color:var(--zeef2d-ink);} #article-hero .hero-lead{margin:0 0 22px; max-width:860px; font:400 16px/1.6 var(--zeef2d-font); color:var(--zeef2d-secondary);} #article-hero .hero-actions{display:flex; flex-wrap:wrap; gap:12px; align-items:center;} #article-hero .primary-link,#article-hero .secondary-link{display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:var(--zeef2d-radius-md); text-decoration:none; font:700 14px/1.1 var(--zeef2d-font); letter-spacing:.2px; } #article-hero .primary-link{background:var(--zeef2d-primary); color:var(--zeef2d-surface); border:1px solid var(--zeef2d-primary);} #article-hero .secondary-link{background:var(--zeef2d-surface); color:var(--zeef2d-ink); border:1px solid var(--zeef2d-border);} #article-hero .primary-link:focus-visible,#article-hero .secondary-link:focus-visible{outline:3px solid var(--zeef2d-accent); outline-offset:2px;} #article-hero .primary-link:hover{filter:brightness(1.03);} #article-hero .secondary-link:hover{border-color:var(--zeef2d-accent);} #article-hero .primary-link:active,#article-hero .secondary-link:active{transform:translateY(1px);} #article-hero ::selection{background:rgba(184,107,46,.25);} @media (max-width: 720px){ #article-hero{padding:34px 14px 22px;} #article-hero .hero-title{font-size:30px; letter-spacing:-0.4px;} #article-hero .meta-item{min-width:100%;} } @media (prefers-reduced-motion: reduce){ #article-hero .primary-link:active,#article-hero .secondary-link:active{transform:none;} } /* zeef2d:article-content */ /* zeef2d:article-content */ #article-content.article-content{ --radius-sm: var(--zeef2d-radius-sm, 8px); --radius-md: var(--zeef2d-radius-md, 12px); --radius-lg: var(--zeef2d-radius-lg, 16px); background: var(--zeef2d-bg); color: var(--zeef2d-text); padding: 48px 16px 56px; } #article-content .article{ max-width: 980px; margin: 0 auto; } #article-content .article-head{ padding: 0 0 22px; } #article-content .article-meta{ display: flex; align-items: center; gap: 10px; color: var(--zeef2d-secondary); font-size: 14px; line-height: 1.4; margin-bottom: 14px; } #article-content .meta-pill{ background: var(--zeef2d-surface); border: 1px solid var(--zeef2d-border); padding: 7px 10px; border-radius: var(--radius-sm); font-weight: 600; } #article-content .meta-sep{ color: var(--zeef2d-slate); } #article-content .article-title{ margin: 0; font-family: var(--zeef2d-font-display); font-weight: 700; letter-spacing: -0.02em; line-height: 1.08; font-size: 40px; text-wrap: balance; color: var(--zeef2d-ink); } #article-content .article-lead{ margin: 16px 0 0; max-width: 78ch; font-size: 18px; line-height: 1.65; color: var(--zeef2d-secondary); } #article-content .article-body{ background: var(--zeef2d-surface); border: 1px solid var(--zeef2d-border); border-radius: var(--radius-lg); padding: 26px 22px; } #article-content .section-title{ margin: 30px 0 10px; font-family: var(--zeef2d-font); font-size: 22px; letter-spacing: -0.01em; color: var(--zeef2d-ink); } #article-content .p{ margin: 10px 0 0; font-size: 16.5px; line-height: 1.75; color: var(--zeef2d-secondary); } #article-content .p:first-of-type{ margin-top: 0; } #article-content .p-small{ margin: 0; font-size: 15.5px; line-height: 1.65; color: var(--zeef2d-secondary); } #article-content .list{ margin: 10px 0 0; padding-left: 18px; color: var(--zeef2d-secondary); } #article-content .list-ordered{ padding-left: 20px; } #article-content .li{ margin: 10px 0; line-height: 1.65; } #article-content strong{ color: var(--zeef2d-ink); font-weight: 700; } #article-content .compare{ margin-top: 12px; display: grid; grid-template-columns: 1fr; gap: 14px; } #article-content .compare-col{ border: 1px solid var(--zeef2d-border); border-radius: var(--radius-md); padding: 18px 16px; background: var(--zeef2d-surface); } #article-content .compare-title{ margin: 0 0 8px; color: var(--zeef2d-ink); font-size: 18px; letter-spacing: -0.01em; } #article-content .compare-cards{ display: grid; grid-template-columns: 1fr; gap: 12px; } #article-content .region{ padding: 14px 14px; border-radius: var(--radius-sm); border: 1px solid var(--zeef2d-border); background: linear-gradient(0deg, rgba(184,107,46,0.04), rgba(184,107,46,0.04)); } #article-content .region-title{ margin: 0 0 8px; font-size: 17px; color: var(--zeef2d-ink); letter-spacing: -0.01em; } #article-content .callout{ margin-top: 14px; background: rgba(184,107,46,0.06); border: 1px solid rgba(184,107,46,0.25); border-radius: var(--radius-md); padding: 16px 16px; } #article-content .callout-title{ margin: 0; color: var(--zeef2d-ink); font-weight: 800; letter-spacing: -0.01em; } #article-content .callout-text{ margin: 8px 0 0; color: var(--zeef2d-secondary); line-height: 1.7; font-size: 16px; } #article-content .links{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; } #article-content .link{ display: inline-flex; align-items: center; border-radius: var(--radius-sm); padding: 10px 12px; text-decoration: none; border: 1px solid var(--zeef2d-border); background: var(--zeef2d-surface); color: var(--zeef2d-ink); font-weight: 700; letter-spacing: -0.01em; } #article-content .link:focus-visible{ outline: 3px solid rgba(184,107,46,0.45); outline-offset: 2px; } #article-content .link:hover{ border-color: rgba(184,107,46,0.55); } #article-content ::selection{ background: rgba(184,107,46,0.22); } #article-content .article-body :where(h2, h3, h4){ text-wrap: balance; } @media (min-width: 840px){ #article-content .article-title{ font-size: 46px; } #article-content .article-body{ padding: 30px 28px; } #article-content .compare{ grid-template-columns: 0.92fr 1.08fr; } #article-content .compare-cards{ grid-template-columns: 1fr; } #article-content .region:nth-child(1){ background: linear-gradient(0deg, rgba(31,75,59,0.06), rgba(31,75,59,0.06)); } #article-content .region:nth-child(2){ background: linear-gradient(0deg, rgba(55,65,81,0.05), rgba(55,65,81,0.05)); } #article-content .region:nth-child(3){ background: linear-gradient(0deg, rgba(184,107,46,0.04), rgba(184,107,46,0.04)); } } @media (prefers-reduced-motion: reduce){ #article-content .link{ transition: none; } } /* zeef2d:related-articles */ /* zeef2d:related-articles */ #related-articles{background:var(--zeef2d-surface);padding:28px 0 36px;} #related-articles .related-inner{max-width:1080px;margin:0 auto;padding:0 16px;} #related-articles .related-header{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;} #related-articles .related-title{font-family:var(--zeef2d-font-display);color:var(--zeef2d-ink);font-size:28px;line-height:1.12;letter-spacing:-0.02em;margin:0;} #related-articles .related-subtitle{margin:0;max-width:62ch;color:var(--zeef2d-secondary);font-size:15px;line-height:1.6;} #related-articles .related-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;} #related-articles .related-card{grid-column:span 4;background:var(--zeef2d-bg);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:14px 14px 16px;box-shadow:0 10px 24px rgba(184,107,46,0.08);} #related-articles .related-link{display:block;text-decoration:none;color:inherit;} #related-articles .related-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;} #related-articles .related-kicker{font-size:12px;letter-spacing:0.02em;color:var(--zeef2d-secondary);text-transform:none;} #related-articles .related-tag{font-size:12px;font-weight:700;color:var(--zeef2d-accent);background:rgba(184,107,46,0.12);border:1px solid rgba(184,107,46,0.22);padding:5px 9px;border-radius:999px;white-space:nowrap;} #related-articles .related-card-title{margin:0;color:var(--zeef2d-ink);font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-0.01em;text-wrap:balance;} #related-articles .related-cta,#related-articles .related-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:var(--radius-md);padding:11px 14px;font-weight:800;letter-spacing:0.01em;} #related-articles .related-actions{margin-top:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;} #related-articles .related-cta{background:var(--zeef2d-primary);color:#fff;border:1px solid var(--zeef2d-primary);} #related-articles .related-ghost{background:var(--zeef2d-surface);color:var(--zeef2d-primary);border:1px solid var(--zeef2d-border);} #related-articles .related-cta:focus-visible,#related-articles .related-ghost:focus-visible,#related-articles .related-link:focus-visible{outline:3px solid rgba(31,75,59,0.35);outline-offset:2px;} #related-articles .related-cta:hover{filter:brightness(1.02);} #related-articles .related-ghost:hover{border-color:rgba(31,75,59,0.35);} #related-articles .related-link:hover .related-card-title{color:var(--zeef2d-accent);} #related-articles ::selection{background:rgba(184,107,46,0.25);} @media (max-width: 900px){ #related-articles .related-card{grid-column:span 6;} #related-articles .related-title{font-size:26px;} } @media (max-width: 600px){ #related-articles .related-card{grid-column:span 12;} #related-articles .related-subtitle{font-size:14.5px;} } @media (prefers-reduced-motion: reduce){ #related-articles .related-card{box-shadow:none;} #related-articles .related-cta,#related-articles .related-ghost{transition:none;} } /* zeef2d:article-hero */ /* zeef2d:article-hero */ #article-hero{--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow:0 18px 40px rgba(31,75,59,.14);--shadow-soft:0 10px 22px rgba(31,75,59,.10);padding:28px 0 10px;} #article-hero .article-hero-wrapper{background:var(--zeef2d-bg);color:var(--zeef2d-text);} #article-hero .article-hero-inner{max-width:1120px;margin:0 auto;padding:18px 20px 18px;display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start;} #article-hero .hero-left{padding:16px 0 10px;} #article-hero .hero-kicker{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.2 var(--zeef2d-font);letter-spacing:.02em;color:var(--zeef2d-primary);background:rgba(31,75,59,.08);border:1px solid rgba(31,75,59,.18);padding:9px 12px;border-radius:999px;} #article-hero .hero-title{margin:14px 0 10px;font:700 40px/1.08 var(--zeef2d-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zeef2d-ink);} #article-hero .hero-subtitle{margin:0 0 18px;max-width:62ch;font:400 16px/1.65 var(--zeef2d-font);color:rgba(15,42,32,.86);} #article-hero .hero-meta{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0 6px;padding:0;list-style:none;} #article-hero .meta-item{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-md);padding:12px 14px;min-width:180px;} #article-hero .meta-label{display:block;font:600 12px/1.2 var(--zeef2d-font);color:var(--zeef2d-slate);margin-bottom:6px;} #article-hero .meta-value{display:block;font:700 16px/1.2 var(--zeef2d-font);color:var(--zeef2d-ink);} #article-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-md);padding:12px 16px;text-decoration:none;font:700 15px/1.1 var(--zeef2d-font);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,color .15s ease;} #article-hero .btn-primary{background:var(--zeef2d-primary);border-color:var(--zeef2d-primary);color:var(--zeef2d-surface);box-shadow:var(--shadow-soft);} #article-hero .btn-ghost{background:transparent;border-color:rgba(31,75,59,.35);color:var(--zeef2d-primary);} #article-hero .btn:focus-visible{outline:3px solid rgba(184,107,46,.35);outline-offset:2px;} #article-hero .btn-primary:hover{background:#174235;} #article-hero .btn-ghost:hover{border-color:rgba(31,75,59,.65);background:rgba(31,75,59,.06);} #article-hero .hero-right{padding-top:6px;} #article-hero .hero-media{position:relative;border-radius:var(--radius-lg);background:linear-gradient(180deg, rgba(31,75,59,.12), rgba(31,75,59,.02)), #eef2ef;border:1px solid rgba(31,75,59,.20);box-shadow:var(--shadow);min-height:332px;overflow:hidden;} #article-hero .hero-media:before{content:"";position:absolute;inset:0;background: radial-gradient(1200px 420px at 20% 10%, rgba(184,107,46,.18), transparent 45%), radial-gradient(900px 520px at 85% 30%, rgba(31,75,59,.20), transparent 55%), radial-gradient(540px 320px at 35% 85%, rgba(184,107,46,.14), transparent 60%); } #article-hero .hero-media:after{content:"";position:absolute;inset:-40px;transform:rotate(-4deg);background: linear-gradient(115deg, rgba(255,255,255,.55), rgba(255,255,255,0) 35%), repeating-linear-gradient(90deg, rgba(15,42,32,.06), rgba(15,42,32,.06) 1px, transparent 1px, transparent 16px); opacity:.55;} #article-hero .hero-media-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;} #article-hero .overlay-tag{align-self:flex-start;background:rgba(255,255,255,.88);border:1px solid rgba(209,213,219,.9);border-radius:999px;padding:9px 12px;font:700 13px/1.1 var(--zeef2d-font);color:var(--zeef2d-ink);box-shadow:0 10px 26px rgba(15,42,32,.12);} #article-hero .overlay-stats{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;} #article-hero .stat{background:rgba(255,255,255,.86);border:1px solid rgba(209,213,219,.92);border-radius:var(--radius-md);padding:12px 14px;min-width:138px;} #article-hero .stat-num{font:800 30px/1 var(--zeef2d-font-display);color:var(--zeef2d-accent);letter-spacing:-.02em;} #article-hero .stat-text{margin-top:6px;font:700 13px/1.2 var(--zeef2d-font);color:rgba(15,42,32,.82);} #article-hero .hero-note{margin-top:12px;background:rgba(255,255,255,.70);border:1px solid rgba(209,213,219,.92);border-radius:var(--radius-md);padding:12px 14px;font:400 14px/1.55 var(--zeef2d-font);color:rgba(15,42,32,.85);} #article-hero ::selection{background:rgba(184,107,46,.22);} #article-hero .hero-left .btn-primary:active{transform:translateY(1px);} @media (max-width: 900px){ #article-hero .article-hero-inner{grid-template-columns:1fr;gap:14px;} #article-hero .hero-title{font-size:34px;} #article-hero .meta-item{min-width:160px;} } @media (max-width: 480px){ #article-hero .article-hero-inner{padding:14px 14px 16px;} #article-hero .hero-title{font-size:30px;} #article-hero .hero-actions .btn{width:100%;} } @media (prefers-reduced-motion: reduce){ #article-hero .btn{transition:none;} } /* zeef2d:article-content */ /* zeef2d:article-content */ #article-content{--pad:clamp(16px,3vw,28px);background:var(--zeef2d-bg);color:var(--zeef2d-text);font-family:var(--zeef2d-font);} #article-content .content-wrap{max-width:1080px;margin:0 auto;padding:var(--pad) var(--pad) 56px;} #article-content .article-top{margin-bottom:26px;} #article-content .article-kicker{font-weight:650;color:var(--zeef2d-accent);letter-spacing:.02em;text-transform:none;margin:0 0 10px;font-size:14px;} #article-content .article-title{font-family:var(--zeef2d-font-display);font-size:clamp(26px,3.4vw,40px);line-height:1.08;letter-spacing:-0.02em;margin:0 0 12px;text-wrap:balance;} #article-content .article-subtitle{margin:0;max-width:78ch;color:var(--zeef2d-secondary);font-size:16px;line-height:1.65;} #article-content .article-grid{display:grid;grid-template-columns:1fr;gap:22px;} #article-content .toc{order:2;} #article-content .toc-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius,12px);padding:16px;} #article-content .toc-title{margin:0 0 10px;font-weight:750;color:var(--zeef2d-ink);font-size:15px;} #article-content .toc-list{margin:0;padding-left:18px;} #article-content .toc-link{display:inline-block;color:var(--zeef2d-ink);text-decoration:none;border-bottom:1px solid transparent;} #article-content .toc-link:focus-visible{outline:3px solid color-mix(in srgb, var(--zeef2d-accent) 35%, white 65%);outline-offset:4px;border-bottom-color:var(--zeef2d-accent);} #article-content .toc-link:hover{border-bottom-color:var(--zeef2d-accent);} #article-content .article-body{order:1;} #article-content .check-block{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius,12px);padding:18px 18px 10px;margin:0 0 14px;} #article-content .check-block h3{margin:0 0 10px;font-size:18px;letter-spacing:-0.01em;color:var(--zeef2d-ink);} #article-content .check-list{list-style:none;margin:0;padding:0;} #article-content .check-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid color-mix(in srgb, var(--zeef2d-border) 70%, white 30%);} #article-content .check-list li:first-child{border-top:none;padding-top:4px;} #article-content .bullet{flex:0 0 auto;width:24px;height:24px;border-radius:999px;background:color-mix(in srgb, var(--zeef2d-accent) 18%, white 82%);display:flex;align-items:center;justify-content:center;color:var(--zeef2d-accent);font-weight:900;line-height:1;} #article-content .item-text{color:var(--zeef2d-secondary);line-height:1.6;font-size:15px;} #article-content .callout{margin:12px 0 0;color:var(--zeef2d-secondary);font-size:15px;line-height:1.65;background:color-mix(in srgb, var(--zeef2d-accent) 10%, white 90%);border:1px solid color-mix(in srgb, var(--zeef2d-accent) 25%, var(--zeef2d-border) 75%);padding:12px 12px;border-radius:var(--zeef2d-radius,12px);} #article-content .note{margin:12px 0 0;color:var(--zeef2d-secondary);font-size:15px;line-height:1.65;} #article-content .closing{margin-top:18px;} #article-content .closing h3{margin:0 0 12px;font-size:18px;color:var(--zeef2d-ink);} #article-content .closing-box{border:1px dashed color-mix(in srgb, var(--zeef2d-border) 70%, var(--zeef2d-accent) 30%);background:color-mix(in srgb, var(--zeef2d-mist) 55%, white 45%);border-radius:var(--zeef2d-radius,12px);padding:14px;} #article-content .closing-box p{margin:0 0 8px;color:var(--zeef2d-secondary);font-size:15px;line-height:1.6;} #article-content .closing-box p:last-child{margin-bottom:0;} #article-content .closing-text{margin:12px 0 0;color:var(--zeef2d-secondary);line-height:1.7;font-size:15px;} #article-content ::selection{background:color-mix(in srgb, var(--zeef2d-accent) 35%, white 65%);} #article-content a{color:var(--zeef2d-ink);} @media (min-width: 920px){ #article-content .article-grid{grid-template-columns:320px 1fr;align-items:start;gap:26px;} #article-content .toc{order:1;position:sticky;top:18px;align-self:start;} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto;} } /* zeef2d:related-articles */ /* zeef2d:related-articles */ #related-articles.related-articles{background:var(--zeef2d-bg);padding:56px 0 44px;color:var(--zeef2d-text);} #related-articles.related-articles .container{max-width:1040px;margin:0 auto;padding:0 20px;} #related-articles.related-articles .section-head{margin-bottom:22px;} #related-articles.related-articles .title{font-family:var(--zeef2d-font-display);font-size:clamp(24px,3.2vw,34px);line-height:1.12;letter-spacing:-0.02em;margin:0 0 10px;color:var(--zeef2d-ink);text-wrap:balance;} #related-articles.related-articles .subtitle{margin:0;max-width:72ch;font-size:16px;line-height:1.55;color:var(--zeef2d-secondary);} #related-articles.related-articles .articles{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px;} #related-articles.related-articles .article-card{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--zeef2d-radius-md, 12px);padding:18px 16px;box-shadow:0 10px 22px rgba(31,75,59,0.08);} #related-articles.related-articles .article-link{display:block;color:inherit;text-decoration:none;} #related-articles.related-articles .article-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;} #related-articles.related-articles .tag{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--zeef2d-border);border-radius:999px;background:rgba(184,107,46,0.08);color:var(--zeef2d-accent);font-size:13px;font-weight:650;} #related-articles.related-articles .article-title{margin:0;font-size:16px;line-height:1.45;color:var(--zeef2d-ink);font-weight:650;} #related-articles.related-articles .article-link:focus-visible{outline:3px solid rgba(184,107,46,0.55);outline-offset:3px;border-radius:10px;} #related-articles.related-articles .article-card:hover{box-shadow:0 14px 26px rgba(31,75,59,0.12);border-color:rgba(184,107,46,0.35);} @media (min-width:860px){#related-articles.related-articles .articles{grid-template-columns:1fr 1fr;gap:16px;} #related-articles.related-articles .article-card{padding:20px;}} @media (prefers-reduced-motion:reduce){#related-articles.related-articles .article-card{transition:none;} #related-articles.related-articles .article-card:hover{transform:none;}} #related-articles.related-articles ::selection{background:rgba(184,107,46,0.25);} /* Design system variables are used via var(--zeef2d-*) */ .policy-page{background:var(--zeef2d-bg);color:var(--zeef2d-text);font-family:var(--zeef2d-font);line-height:1.55;margin:0;padding:24px 0;} .policy-wrapper{max-width:980px;margin:0 auto;padding:0 16px;} .policy-header{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:20px 18px;margin-bottom:16px;} .policy-title{margin:0 0 6px 0;font-size:28px;letter-spacing:-0.2px;color:var(--zeef2d-ink);font-family:var(--zeef2d-font-display);} .policy-subtitle{margin:0;color:var(--zeef2d-slate);font-size:15px;} .policy-content{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:18px;} .policy-h2{margin:18px 0 8px 0;font-size:18px;color:var(--zeef2d-primary);font-family:var(--zeef2d-font-display);} .policy-p{margin:0 0 10px 0;color:var(--zeef2d-text);font-size:15px;} .policy-link{color:var(--zeef2d-accent);text-decoration:underline;} .policy-link:hover{color:var(--zeef2d-primary);} .policy-footnote{margin-top:12px;padding-top:12px;border-top:1px solid var(--zeef2d-border);} .policy-muted{color:var(--zeef2d-slate);font-size:13px;margin:0;} @media (max-width:560px){.policy-header{padding:16px 14px}.policy-content{padding:14px}.policy-title{font-size:24px}.policy-wrapper{padding:0 12px;}} :root{ --zeef2d-primary:#1F4B3B; --zeef2d-secondary:#374151; --zeef2d-accent:#B86B2E; --zeef2d-ink:#0F2A20; --zeef2d-slate:#4B5563; --zeef2d-mist:#E5E7EB; --zeef2d-border:#D1D5DB; --zeef2d-surface:#FFFFFF; --zeef2d-bg:#F3F4F6; --zeef2d-text:#111827; --zeef2d-font:'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif; --zeef2d-radius-sm:8px; --zeef2d-radius-md:12px; --zeef2d-radius-lg:16px; } .policy-page{ min-height:100vh; background:var(--zeef2d-bg); color:var(--zeef2d-text); font-family:var(--zeef2d-font); } .policy-wrapper{ max-width:980px; margin:0 auto; padding:24px 16px 36px 16px; } .policy-header{ background:var(--zeef2d-surface); border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-lg); padding:22px 18px; box-shadow:0 1px 0 rgba(0,0,0,0.03); } .policy-heading{ margin:0 0 10px 0; font-size:28px; line-height:1.2; color:var(--zeef2d-ink); letter-spacing:0.2px; } .policy-lead{ margin:0; color:var(--zeef2d-slate); font-size:15.5px; line-height:1.55; } .policy-section{ margin-top:14px; background:var(--zeef2d-surface); border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-lg); padding:18px; } .policy-subheading{ margin:0 0 10px 0; font-size:18px; color:var(--zeef2d-primary); line-height:1.35; } .policy-text{ margin:0 0 12px 0; font-size:14.8px; line-height:1.65; color:var(--zeef2d-text); } .policy-note{ margin:10px 0 0 0; font-size:13.6px; line-height:1.55; color:var(--zeef2d-slate); background:rgba(184,107,46,0.08); border:1px solid rgba(184,107,46,0.25); border-radius:var(--zeef2d-radius-md); padding:10px 12px; } .policy-list{ margin:0; padding-left:18px; } .policy-list-item{ margin:8px 0; font-size:14.8px; line-height:1.6; color:var(--zeef2d-text); } .policy-contact{ border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-md); background:var(--zeef2d-bg); padding:12px; } .policy-contact-row{ display:block; padding:8px 10px; border-bottom:1px solid var(--zeef2d-border); } .policy-contact-row:last-child{border-bottom:none;} .policy-contact-label{ display:inline-block; min-width:180px; font-weight:700; color:var(--zeef2d-secondary); font-size:13.8px; } .policy-contact-value{ color:var(--zeef2d-text); font-size:14.3px; } .policy-footer{ margin-top:14px; padding:14px 4px 0 4px; } .policy-footnote{ color:var(--zeef2d-slate); font-size:12.8px; line-height:1.5; } @media (max-width:520px){ .policy-wrapper{padding:18px 12px 28px 12px;} .policy-header{padding:18px 14px;} .policy-section{padding:14px;} .policy-heading{font-size:24px;} .policy-contact-label{min-width:140px;} } .policy-page{background:var(--zeef2d-bg);color:var(--zeef2d-text);font-family:var(--zeef2d-font);line-height:1.55;min-height:100vh} .policy-main{max-width:980px;margin:0 auto;padding:24px 16px} .policy-header{background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:18px 18px 14px} .policy-title{margin:0 0 8px 0;font-family:var(--zeef2d-font-display);font-size:28px;line-height:1.2;color:var(--zeef2d-ink)} .policy-lead{margin:0;color:var(--zeef2d-secondary);font-size:15.5px} .policy-section{margin-top:16px;background:var(--zeef2d-surface);border:1px solid var(--zeef2d-border);border-radius:var(--radius-lg);padding:16px 18px} .policy-h2{margin:0 0 10px 0;font-size:18px;color:var(--zeef2d-ink)} .policy-p{margin:0 0 10px 0;color:var(--zeef2d-text);font-size:15.2px} .policy-list{margin:0;padding-left:18px} .policy-li{margin:6px 0;color:var(--zeef2d-text);font-size:15.2px} .policy-strong{font-weight:700;color:var(--zeef2d-ink)} .policy-note{border-left:4px solid var(--zeef2d-accent);padding:10px 12px;background:rgba(184,107,46,0.06);border-radius:var(--radius-sm)} .policy-cite{margin-top:10px;padding:10px 12px;background:rgba(31,75,59,0.06);border:1px solid rgba(31,75,59,0.18);border-radius:var(--radius-md);font-size:14.8px} .policy-contact{margin-top:10px;border:1px solid var(--zeef2d-border);border-radius:var(--radius-md);padding:12px 12px;background:var(--zeef2d-bg)} .policy-footer{margin-bottom:24px} .policy-sup{color:var(--zeef2d-slate);font-size:13.8px;margin-top:8px} /* Design-system variables */ :root{ --zeef2d-primary:#1F4B3B; --zeef2d-secondary:#374151; --zeef2d-accent:#B86B2E; --zeef2d-ink:#0F2A20; --zeef2d-slate:#4B5563; --zeef2d-mist:#E5E7EB; --zeef2d-border:#D1D5DB; --zeef2d-surface:#FFFFFF; --zeef2d-bg:#F3F4F6; --zeef2d-text:#111827; --zeef2d-font:'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif; --zeef2d-radius-sm:8px; --zeef2d-radius-md:12px; --zeef2d-radius-lg:16px; } .policy-page{ background:var(--zeef2d-bg); color:var(--zeef2d-text); font-family:var(--zeef2d-font); line-height:1.55; } .policy-wrapper{ max-width:980px; margin:0 auto; padding:28px 18px 36px; } .policy-header{ background:var(--zeef2d-surface); border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-lg); padding:22px 20px; box-shadow:0 1px 0 rgba(0,0,0,0.03); } .policy-title{ margin:0; font-size:28px; letter-spacing:-0.02em; color:var(--zeef2d-ink); } .policy-lead{ margin:12px 0 0; color:var(--zeef2d-slate); font-size:15.5px; } .policy-section{ margin-top:14px; background:var(--zeef2d-surface); border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-lg); padding:18px 20px; } .policy-h2{ margin:0 0 10px; font-size:18px; color:var(--zeef2d-primary); } .policy-text{ margin:0; color:var(--zeef2d-text); font-size:14.8px; } .policy-note{ margin:10px 0 0; color:var(--zeef2d-slate); font-size:14.3px; } .policy-list{ margin:0; padding-left:18px; } .policy-list li{ margin:6px 0; color:var(--zeef2d-text); font-size:14.8px; } .policy-contacts{ padding-bottom:16px; } .policy-contact-grid{ display:block; margin-top:8px; } .policy-contact-item{ padding:10px 12px; border:1px solid var(--zeef2d-border); border-radius:var(--zeef2d-radius-md); background:linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,0.98)); margin:10px 0; } .policy-contact-label{ display:inline-block; min-width:160px; color:var(--zeef2d-secondary); font-weight:700; font-size:13.8px; } .policy-contact-value{ color:var(--zeef2d-text); font-size:14.3px; } .policy-footer{ margin-top:14px; padding:14px 6px 0; } .policy-footnote{ margin:6px 0; color:var(--zeef2d-slate); font-size:13.8px; } @media (max-width:640px){ .policy-title{font-size:24px;} .policy-wrapper{padding:22px 14px 30px;} .policy-header{padding:18px 14px;} .policy-section{padding:16px 14px;} .policy-contact-label{min-width:0; display:block; margin-bottom:4px;} } .policy-section a{color:var(--zeef2d-accent); text-decoration:none;} .policy-section a:hover{text-decoration:underline;}