/* LidLog shared presentation. Calculations, account boundaries and stored data keep their existing contracts. */
:root{
  --lidlog-green:#064e48;--lidlog-green-dark:#073b36;--lidlog-green-light:#157968;
  --lidlog-sage:#e8f1e9;--lidlog-sage-light:#f0f5ef;--lidlog-canvas:#f7f8f3;
  --lidlog-paper:#fffefa;--lidlog-ink:#202b27;--lidlog-muted:#53665d;--lidlog-line:#d4dfd4;
  --lidlog-accent:#397360;
  --lidlog-grain:radial-gradient(circle at 1px 1px,rgba(23,65,49,.055) .65px,transparent .85px);
  --navy:var(--lidlog-green);--navy2:var(--lidlog-green-dark);--navy-dark:var(--lidlog-green-dark);--navy-light:var(--lidlog-green-light);
  --gold:#b8d9c3;--cream:var(--lidlog-canvas);--paper:var(--lidlog-paper);--bg:var(--lidlog-canvas);--soft:var(--lidlog-sage-light);
  --ink:var(--lidlog-ink);--text:var(--lidlog-ink);--muted:var(--lidlog-muted);--line:var(--lidlog-line);--shadow:0 8px 28px rgba(24,55,38,.055);
  --bf-navy:var(--lidlog-green);--bf-navy-dark:var(--lidlog-green-dark);--bf-gold:var(--lidlog-accent);--bf-bg:var(--lidlog-canvas);--bf-paper:var(--lidlog-paper);--bf-ink:var(--lidlog-ink);--bf-muted:var(--lidlog-muted);--bf-line:var(--lidlog-line);--bf-shadow:var(--shadow);
  --st-navy:var(--lidlog-green);--st-navy2:var(--lidlog-green-dark);--st-gold:#b8d9c3;--st-bg:var(--lidlog-canvas);--st-card:var(--lidlog-paper);--st-text:var(--lidlog-ink);--st-muted:var(--lidlog-muted);--st-line:var(--lidlog-line);--st-shadow:var(--shadow);
  --dr-navy:var(--lidlog-green);--dr-navy2:var(--lidlog-green-dark);--dr-gold:#c1ddc8;--dr-bg:var(--lidlog-canvas);--dr-card:var(--lidlog-paper);--dr-ink:var(--lidlog-ink);--dr-muted:var(--lidlog-muted);--dr-line:var(--lidlog-line);--dr-shadow:var(--shadow);
  --vps-tools-navy:var(--lidlog-green-dark);--vps-tools-gold:#b8dcc5;
}
@media screen{
  html{background:var(--lidlog-canvas)}
  body:not(.export-qa-mode):not(.safety-export-page){background-color:var(--lidlog-canvas);background-image:var(--lidlog-grain);background-size:7px 7px;color:var(--lidlog-ink)}
  :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #25846c;outline-offset:4px}
  :where(.site-header,.ct-topbar,.bf-topbar,.ig-topbar,.tt-topbar,.st-top,.tt-top,.dr-topbar){background:#f0f7f0;color:var(--lidlog-ink);border-bottom:1px solid var(--lidlog-line)}
  .site-header .brand{border:0;padding:0}
  .site-header .brand img{width:184px;height:auto;max-height:60px}
  :where(.brand,.ct-logo,.tt-logo,.ig-logo,.dr-brand,.vps-tools-footer-brand) img{object-fit:contain;background:transparent;border:0;max-width:100%;height:auto}
  .site-nav a{color:var(--lidlog-green)}
  .site-nav a:hover{color:#1c7961}
  .header-lang-switch{color:var(--lidlog-green);border-color:#bbd0bf;background:transparent}
  .button,.ct-button,.ig-btn{border-radius:10px}
  .button-primary{background:var(--lidlog-green);border-color:var(--lidlog-green);color:#fff}
  .button-primary:hover{background:var(--lidlog-green-dark);border-color:var(--lidlog-green-dark);color:#fff}
  .button-secondary{background:var(--lidlog-paper);border:1px solid #9fb8a6;color:var(--lidlog-green)}
  .eyebrow{color:var(--lidlog-accent)}
  :where(.ct-hero,.bf-hero,.ig-hero,.tt-hero,.tt-hub-hero,.tt-talk-hero,.dr-hero){background-color:var(--lidlog-sage);background-image:var(--lidlog-grain);background-size:7px 7px;border-bottom:1px solid var(--lidlog-line)}
  .st-hero{background:var(--lidlog-green-dark);color:#fff}
  .st-hero p,.st-hero .st-kicker{color:#e0f0e5}
  .ct-hero-panel,.bf-result-card{background:var(--lidlog-green-dark);color:#fff}
  .ct-hero-panel .ct-panel-kicker,.bf-result-card .bf-big{color:#c0e1cb}
  :where(.ct-card,.bf-card,.ig-card,.st-card,.tt-card,.tt-trade-card,.tt-panel,.dr-card,.dr-hero-card){background:var(--lidlog-paper);border-color:var(--lidlog-line);box-shadow:var(--shadow)}
  :where(.bf-presets button,.bf-unit,.ig-item,.ig-actions){background-color:var(--lidlog-sage-light);border-color:var(--lidlog-line)}
  :where(.bf-result-card,.ct-hero-panel) :where(h2,h3){color:#fff}
  .dr-eyebrow{color:var(--lidlog-accent)}
  .dr-feature,.dr-account-nudge{background:var(--lidlog-sage-light);border-color:var(--lidlog-line)}
  .dr-field :is(input,select,textarea):focus{border-color:#39836a;box-shadow:0 0 0 3px rgba(37,132,108,.15)}
  .lidlog-main{padding-bottom:64px}
  .lidlog-hero{padding-top:64px;padding-bottom:48px}
  .lidlog-hero h1{font-size:clamp(2.1rem,5.5vw,4.2rem);line-height:1.08;max-width:900px;letter-spacing:-.035em}
  .lidlog-hero>p:not(.eyebrow){max-width:700px;font-size:1.2rem;line-height:1.65}
  .lidlog-home-hero{background-color:var(--lidlog-sage);background-image:var(--lidlog-grain);background-size:7px 7px;border-bottom:1px solid #d0ddce;padding:72px 0 76px}
  .lidlog-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(40px,6vw,88px)}
  .lidlog-hero-copy{min-width:0}
  .lidlog-hero-copy .eyebrow{margin:0 0 22px;font-size:.76rem;letter-spacing:.16em}
  .lidlog-hero-copy h1{margin:0;color:#123f34;font-size:clamp(2.75rem,5.5vw,5.05rem);line-height:1.06;letter-spacing:-.055em;font-weight:750;max-width:800px}
  .lidlog-hero-copy>p:not(.eyebrow){max-width:610px;margin:26px 0;color:#4b6053;font-size:1.12rem;line-height:1.7}
  .lidlog-hero-copy .guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
  .lidlog-hero-copy .button{min-height:48px;padding:13px 21px;font-size:.94rem;letter-spacing:0}
  .lidlog-hero-copy .lidlog-hero-note{margin:20px 0 0!important;font-size:.8rem!important;color:#53695a!important}
  .lidlog-note{position:relative;isolation:isolate;margin:0 7px 7px 0;padding:28px;background:var(--lidlog-paper);border:1px solid #c8d7c7;border-radius:15px;box-shadow:0 12px 34px rgba(37,61,40,.07);min-width:0}
  .lidlog-note::before{content:"";position:absolute;inset:7px -7px -7px 7px;z-index:-1;background:#d4e1d0;border:1px solid #bfcebd;border-radius:15px}
  .lidlog-note-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--lidlog-line);color:var(--lidlog-green);font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
  .lidlog-note-top svg{width:23px;height:23px;flex-shrink:0}
  .lidlog-note h2{margin:23px 0 6px;font-size:1.5rem;letter-spacing:-.03em;color:#233d2d;line-height:1.25}
  .lidlog-note-subtitle{margin:0 0 24px;font-size:.86rem;color:var(--lidlog-muted);line-height:1.55}
  .lidlog-note ul{padding:0;margin:0;list-style:none}
  .lidlog-note li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid #e6ebe2;color:#415748;font-size:.88rem;line-height:1.45}
  .lidlog-note li svg{width:19px;height:19px;flex-shrink:0;color:#4b7b61;margin-top:1px}
  .lidlog-note figcaption{margin-top:20px;padding:11px 13px;border-radius:7px;background:#eff4e9;color:#546b54;font-size:.74rem;line-height:1.5}
  .lidlog-resources{padding-top:56px;padding-bottom:56px}
  .lidlog-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px}
  .lidlog-section-heading .eyebrow{margin:0 0 10px;font-size:.72rem;letter-spacing:.13em}
  .lidlog-section-heading h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.035em;color:#203e2d;line-height:1.2}
  .lidlog-section-heading>p{max-width:380px;margin:0;color:var(--lidlog-muted);font-size:.96rem;line-height:1.65}
  .lidlog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .lidlog-cards article{position:relative;padding:26px;border:1px solid var(--lidlog-line);border-radius:12px;background:var(--lidlog-paper);min-width:0;transition:border-color .15s ease,box-shadow .15s ease}
  .lidlog-cards article:hover{border-color:#8aaa90;box-shadow:0 8px 24px rgba(33,65,43,.055)}
  .lidlog-cards article:focus-within{outline:3px solid #25846c;outline-offset:3px}
  .lidlog-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#eaf1e5;border:1px solid #d9e3d1;border-radius:9px;color:#426c50;margin-bottom:21px}
  .lidlog-card-icon svg{width:21px;height:21px}
  .lidlog-cards h2,.lidlog-cards h3{font-size:1.17rem;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em}
  .lidlog-cards p{margin:0;color:#586858;font-size:.92rem;line-height:1.7}
  .lidlog-cards a{color:#234c37;text-decoration:none}
  .lidlog-cards a::after{content:"";position:absolute;inset:0;border-radius:12px}
  .lidlog-card-arrow{display:block;margin-top:22px;color:#4b7557;font-size:1.15rem;line-height:1}
  .lidlog-workflow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:42px;padding:35px;border:1px solid #d5dfcc;border-radius:14px;background:#eaf0e2}
  .lidlog-workflow .eyebrow{margin:0 0 10px;font-size:.7rem;letter-spacing:.13em}
  .lidlog-workflow h2{margin:0;font-size:1.5rem;line-height:1.25;letter-spacing:-.025em;color:#284c32}
  .lidlog-workflow ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0;padding:0}
  .lidlog-workflow li{min-width:0}
  .lidlog-workflow li>span{display:block;margin-bottom:15px;color:#5b7855;font-size:.73rem;font-weight:750}
  .lidlog-workflow h3{margin:0 0 7px;font-size:1rem;color:#2c4c33}
  .lidlog-workflow p{margin:0;font-size:.84rem;color:#536550;line-height:1.6}
  .lidlog-support{padding-top:30px}
  .lidlog-footer,.vps-tools-footer{background:#e4ecdf;color:#263f2e;border-top:1px solid #cddbc8}
  .lidlog-footer .footer-main{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;padding-top:38px;padding-bottom:32px}
  .lidlog-footer .footer-brand-block img{width:170px;height:auto;max-width:100%;filter:none}
  .lidlog-footer .footer-brand-block p{max-width:340px;margin:14px 0 0;color:#49614e;font-size:.87rem;line-height:1.65}
  .lidlog-footer nav{display:flex;flex-wrap:wrap;gap:16px 20px;align-content:center}
  .lidlog-footer a,.vps-tools-footer a{color:#234d37}
  .lidlog-footer .footer-bottom{color:#49614e;border-top:1px solid #cbd8c6;font-size:.76rem;padding-block:20px}
  .vps-tools-footer-brand img{filter:none}
  .lidlog-article{max-width:820px;padding-top:40px;padding-bottom:40px;line-height:1.75}
  .lidlog-article h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.15;letter-spacing:-.025em}
  .lidlog-article h2{font-size:1.45rem;margin-top:2rem;line-height:1.3}
  .lidlog-intro{font-size:1.15rem}
  .lidlog-related{border-top:1px solid var(--lidlog-line);margin-top:36px;padding-top:12px}
  .lidlog-article a{color:var(--lidlog-green)}
  .lidlog-article .button-primary{color:#fff}
}
@media screen and (max-width:1000px){
  .lidlog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lidlog-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px}
  .lidlog-note{padding:23px}
  .lidlog-workflow{grid-template-columns:1fr;gap:26px}
}
@media screen and (max-width:700px){
  .lidlog-home-hero{padding:40px 0 42px}
  .lidlog-hero-grid{grid-template-columns:1fr;gap:34px}
  .lidlog-hero-copy h1{font-size:clamp(2.6rem,8.8vw,3.8rem)}
  .lidlog-hero-copy>p:not(.eyebrow){font-size:1rem;margin:22px 0}
  .lidlog-note{width:calc(100% - 7px);max-width:470px;padding:24px}
  .lidlog-note h2{font-size:1.4rem}
  .lidlog-section-heading{display:block}
  .lidlog-section-heading>p{margin-top:16px;max-width:560px}
  .lidlog-resources{padding-block:38px}
  .lidlog-workflow{padding:26px}
  .lidlog-workflow ol{gap:18px}
  .lidlog-footer .footer-main{display:block}
  .lidlog-footer nav{margin-top:26px}
  .site-header .brand img{width:145px;max-height:46px}
  .lidlog-hero{padding-top:34px;padding-bottom:34px}
}
@media screen and (max-width:480px){
  .lidlog-cards{grid-template-columns:1fr}
  .lidlog-cards article{padding:24px}
  .lidlog-workflow ol{grid-template-columns:1fr;gap:22px}
  .lidlog-workflow li{padding-top:16px;border-top:1px solid #cfdcc5}
  .lidlog-workflow li>span{margin-bottom:8px}
  .lidlog-hero-copy .button{padding-inline:17px;font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){.lidlog-cards article{transition:none}}
@media print{body{background-image:none!important}.lidlog-note::before{display:none}}
@media screen{
  body :is(.vps-public-search-trigger,.vps-search-close){color:var(--lidlog-green);border-color:var(--lidlog-line);background:var(--lidlog-paper)}
  body .vps-search-modal{background:rgba(13,35,24,.68)}
  body :is(.vps-search-dialog,.vps-search-page-form,.vps-search-result,.vps-search-empty){background:var(--lidlog-paper);border-color:var(--lidlog-line);color:var(--lidlog-ink)}
  body :is(.vps-search-dialog-head strong,.vps-search-page h1,.vps-search-result strong){color:var(--lidlog-green)}
  body :is(.vps-search-form,.vps-search-page-form) button{background:var(--lidlog-green);color:#fff}
  body .vps-search-result small{color:var(--lidlog-accent)}
  body :is(.vps-search-hint,.vps-search-count,.vps-search-result span){color:var(--lidlog-muted)}
  body :is(.vps-public-search-trigger,.vps-search-result):hover{border-color:#78a084}
}
@media screen{
  .ct-tool-card{background:var(--lidlog-paper);border-color:var(--lidlog-line);box-shadow:var(--shadow)}
  .ct-hero-panel>p:not(.ct-panel-kicker),.ig-hero-card p{color:#e0f0e5}
  .ig-hero-card strong{color:#c0e1cb}
  :is(.ig-usage-copy strong,.ig-usage-actions a,.tt-download-meter-inner strong,.tt-download-meter-inner nav a,.tt-limit-card h1,.tt-download-kicker,.tt-download-count strong){color:var(--lidlog-green)}
  .ig-usage-actions a.primary,.tt-download-action.primary{background:var(--lidlog-green);border-color:var(--lidlog-green)!important;color:#fff!important}
  .tt-download-action.secondary{background:var(--lidlog-paper);color:var(--lidlog-green)!important}
  .tt-download-meter-inner{background:var(--lidlog-sage-light);border-color:var(--lidlog-line);border-left-color:var(--lidlog-green)}
  .tt-download-meter-inner::before{background:#7ca889}
}