/* Lagomly resource library; quiet Japandi editorial layer.
   Warm paper and generous whitespace do the visual work. Nordic blue, sun yellow and terracotta
   remain as small wayfinding details rather than competing surfaces or alternating card fills. */
:root{
  --resource-bg:#F6F1E7;
  --resource-paper:#FFFDF8;
  --resource-paper-soft:#EFEBDF;
  --resource-fjord:#435C73;
  --resource-fjord-deep:#354B61;
  --resource-fjord-soft:#E5EBEF;
  --resource-sun:#F4D35E;
  --resource-sun-soft:#FBF4D5;
  --resource-coral:#A44F32;
  --resource-green:#A44F32;
  --resource-ink:#243754;
  --resource-muted:#666A68;
  --resource-subtle:#747874;
  --resource-disabled:#7E827F;
  --resource-line:#D9D0BE;
  --resource-hairline:#EEE8DC;
  --resource-radius-tile:12px;
  --resource-radius-card:16px;
  --resource-radius-control:12px;
  --resource-radius-pill:999px;
  --resource-space-1:4px;--resource-space-2:6px;--resource-space-3:10px;
  --resource-space-4:16px;--resource-space-5:24px;--resource-space-6:32px;
}

html{background:var(--resource-bg);}
body{
  color:var(--resource-ink)!important;
  background:linear-gradient(180deg,var(--resource-sun) 0 4px,var(--resource-bg) 4px 100%)!important;
  font-family:'Nunito Sans',sans-serif!important;
  font-size:15px!important;
  line-height:1.65!important;
}
:where(button,a,summary,[role="button"],[role="link"]){-webkit-tap-highlight-color:rgba(248,224,138,.34);}
.page{max-width:680px!important;}

/* One delicate brand mark, not another block of colour. */
.brand{position:relative;text-align:center!important;margin-bottom:42px!important;}
.brand::before{
  content:'';display:block;width:40px;height:40px;margin:0 auto 16px;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%2355779F' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 38c1-13 3-22 10-31'/%3E%3Cpath d='M23 29c-7-1-11-5-12-10 7 0 11 3 12 10Z'/%3E%3Cpath d='M26 20c6-1 9-4 10-9-6 0-9 3-10 9Z'/%3E%3C/g%3E%3Ccircle cx='12' cy='16' r='2.2' fill='%23C66B45'/%3E%3Ccircle cx='34' cy='6' r='3.2' fill='%23F8E08A'/%3E%3C/svg%3E");
}
.kicker{
  display:inline-flex;align-items:center;gap:8px;padding:0!important;
  color:var(--resource-fjord-deep)!important;background:transparent!important;
  border:0!important;border-radius:0!important;
  font:500 10px/1.35 'Nunito Sans',sans-serif!important;letter-spacing:2.1px!important;
}
.kicker::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--resource-coral);}
h1,h2,h3{color:var(--resource-ink)!important;font-family:'Quicksand',serif!important;}
h1{font-size:44px!important;font-weight:500!important;line-height:1.08!important;letter-spacing:.2px!important;margin:0!important;}
h2{font-size:27px!important;line-height:1.18!important;letter-spacing:0!important;}
.sub,.lede,.fine,.colophon{color:var(--resource-muted)!important;}
.sub{font:italic 400 16px/1.45 'Quicksand',serif!important;letter-spacing:0!important;margin:12px 0 0!important;}
.rule{height:1px!important;width:76px!important;background:var(--resource-line)!important;border-radius:0!important;}
.rule::after{
  width:6px!important;height:6px!important;top:-3px!important;
  background:var(--resource-sun)!important;border:0!important;box-shadow:0 0 0 4px var(--resource-bg);
}

/* Long-form sections remain open and calm. Only real cards retain a paper surface. */
.section{
  background:transparent!important;border:0!important;border-top:1px solid var(--resource-line)!important;
  border-radius:0!important;box-shadow:none!important;padding:25px 0 0!important;
}
.tier,.card{
  background:var(--resource-paper)!important;border:1px solid var(--resource-line)!important;
  border-radius:var(--resource-radius-card)!important;box-shadow:0 8px 24px rgba(35,48,68,.035)!important;
}
.tier.member{
  background:rgba(251,244,216,.34)!important;border-color:#DDD4B8!important;
  box-shadow:inset 0 3px 0 var(--resource-sun),0 8px 24px rgba(35,48,68,.035)!important;
}
.st{
  display:flex;align-items:center;gap:9px;color:var(--resource-fjord-deep)!important;
  font:600 10px/1.35 'Nunito Sans',sans-serif!important;letter-spacing:1.4px!important;
}
.st::before{content:'';width:14px;height:1px;flex:0 0 14px;background:var(--resource-sun);}
.resource-accordion{
  margin-top:12px!important;padding:0!important;overflow:clip;
  border-top:1px solid var(--resource-line)!important;
}
.resource-accordion+.resource-accordion{margin-top:0!important;}
.resource-accordion__summary{
  position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 18px;
  align-items:center;min-height:66px;padding:14px 4px;cursor:pointer;list-style:none;
  color:var(--resource-ink);transition:color .15s ease,background .15s ease;
}
.resource-accordion__summary::-webkit-details-marker{display:none;}
.resource-accordion__summary:hover,.resource-accordion__summary:focus-visible{
  color:var(--resource-fjord-deep);background:rgba(255,254,250,.45);outline:none;
}
.resource-accordion__eyebrow{
  grid-column:1;display:block;color:var(--resource-fjord-deep);
  font:600 9px/1.35 'Nunito Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;
}
.resource-accordion__title{
  grid-column:1;color:currentColor;font:500 21px/1.2 'Quicksand',serif;letter-spacing:0;
}
.resource-accordion__mark{
  grid-column:2;grid-row:1 / span 2;position:relative;width:28px;height:28px;border-radius:var(--resource-radius-pill);
  border:1px solid var(--resource-line);background:rgba(255,254,250,.55);
}
.resource-accordion__mark::before,.resource-accordion__mark::after{
  content:'';position:absolute;left:8px;right:8px;top:13px;height:1px;background:var(--resource-fjord-deep);
  transition:transform .18s ease;
}
.resource-accordion__mark::after{transform:rotate(90deg);}
.resource-accordion[open] .resource-accordion__mark::after{transform:rotate(0);}
.resource-accordion[open] .resource-accordion__summary{color:var(--resource-ink);}
.resource-accordion__body{padding:4px 4px 23px;}
.resource-accordion__body>:last-child{margin-bottom:0!important;}
.resource-accordion.card{
  background:transparent!important;border:0!important;border-top:1px solid var(--resource-line)!important;
  border-radius:0!important;box-shadow:none!important;
}
.resource-accordion.card .resource-accordion__title{font-size:21px;}
.resource-accordion.card .resource-accordion__body{padding-bottom:20px;}
.resource-accordion__body :is(p,li,dd,td,th){
  font-family:'Nunito Sans',sans-serif!important;font-size:14px!important;font-weight:400!important;
  font-style:normal!important;line-height:1.62!important;letter-spacing:0!important;
}
.resource-accordion__body .lede{
  color:var(--resource-muted)!important;font:400 13px/1.55 'Nunito Sans',sans-serif!important;
  letter-spacing:0!important;margin:0 0 14px!important;
}
.lead{
  color:var(--resource-ink)!important;font:italic 400 19px/1.55 'Quicksand',serif!important;
  letter-spacing:0!important;
}
.claim{
  color:var(--resource-fjord-deep)!important;font:italic 400 21px/1.4 'Quicksand',serif!important;
  letter-spacing:0!important;
}
.resource-accordion__body .claim{
  color:var(--resource-fjord-deep)!important;font:italic 400 21px/1.4 'Quicksand',serif!important;
}
.tips-guide{
  margin:24px 0 8px!important;color:var(--resource-fjord-deep)!important;
  font:600 9px/1.4 'Nunito Sans',sans-serif!important;letter-spacing:1.2px!important;text-transform:uppercase;
}
.tier h3{
  color:var(--resource-fjord-deep)!important;font:600 10px/1.35 'Nunito Sans',sans-serif!important;
  letter-spacing:1.3px!important;text-transform:uppercase!important;
}
.tier .price{
  color:var(--resource-muted)!important;font:400 12px/1.5 'Nunito Sans',sans-serif!important;
  letter-spacing:0!important;font-style:normal!important;
}
.tier .flist li{font:400 13.5px/1.5 'Nunito Sans',sans-serif!important;letter-spacing:0!important;}
.tier .fname{font:600 13px/1.4 'Nunito Sans',sans-serif!important;letter-spacing:0!important;}
.tier .fdesc{font:400 11.5px/1.5 'Nunito Sans',sans-serif!important;letter-spacing:0!important;}
.fine{font:400 11px/1.55 'Nunito Sans',sans-serif!important;letter-spacing:0!important;}
.resource-accordion__body .fine{font:400 11px/1.55 'Nunito Sans',sans-serif!important;letter-spacing:0!important;}
.colophon{font:italic 400 16px/1.5 'Quicksand',serif!important;letter-spacing:0!important;}

/* Supporting callouts use one neutral paper treatment with a single, quiet accent. */
.prompt,.example,.note,.disclaimer{
  background:rgba(255,254,250,.7)!important;border:1px solid var(--resource-line)!important;
  border-left:2px solid var(--resource-sun)!important;border-radius:var(--resource-radius-tile)!important;box-shadow:none!important;
}
.prompt,.example,.note,.disclaimer p{
  font-family:'Nunito Sans',sans-serif!important;font-size:13px!important;font-style:normal!important;
  line-height:1.58!important;letter-spacing:0!important;
}
.prompt .who,.who{color:var(--resource-fjord-deep)!important;}
.steps li::before{color:var(--resource-ink)!important;background:var(--resource-paper)!important;border-color:#D8CC9D!important;}
.price,.fname,.lname{color:var(--resource-ink)!important;}
.tag{color:var(--resource-fjord-deep)!important;border-color:var(--resource-line)!important;background:transparent!important;}
a{color:var(--resource-fjord-deep)!important;text-decoration-color:#D8C778!important;border-bottom-color:#D8C778!important;}
a:hover{color:var(--resource-ink)!important;}
.back{
  display:inline-flex;align-items:center;min-height:40px;padding:6px 0!important;
  border-radius:0!important;background:transparent!important;
  font:500 10px/1.35 'Nunito Sans',sans-serif!important;letter-spacing:1.2px!important;text-transform:uppercase!important;
}
.premium-cta{background:transparent!important;}
.premium-cta a{
  background:var(--resource-fjord-deep)!important;border-color:var(--resource-fjord-deep)!important;
  color:#FFFDF7!important;box-shadow:none!important;
}

/* Resource-to-resource navigation sits quietly at the end instead of competing with page topics. */
.resource-nav__rule{background:var(--resource-line)!important;}
.resource-nav__label{color:var(--resource-muted)!important;}
.resource-nav__link{color:var(--resource-fjord-deep)!important;}
.resource-nav__link:hover,.resource-nav__link:focus-visible{background:transparent!important;color:var(--resource-ink)!important;}

/* Philosophy is the quietest resource: neutral paper, measured type and colour used only as
   punctuation. The page should feel reflective without reading like an ornamental manifesto. */
body.resource-philosophy{
  background:linear-gradient(180deg,var(--resource-sun) 0 2px,var(--resource-bg) 2px 100%)!important;
}
body.resource-philosophy .brand::before{width:34px;height:34px;margin-bottom:18px;opacity:.88;}
body.resource-philosophy .brand{margin-bottom:36px!important;}
body.resource-philosophy .philosophy-intro{
  max-width:440px;margin:0 auto 36px!important;text-align:center;
  color:var(--resource-ink)!important;font-size:18px!important;
}
body.resource-philosophy .resource-accordion{margin-top:0!important;}
body.resource-philosophy .resource-accordion__summary{
  min-height:70px;padding:16px 3px;background:transparent!important;
}
body.resource-philosophy .resource-accordion__title{
  font:500 20px/1.2 'Quicksand',serif!important;
}
body.resource-philosophy .resource-accordion__mark{
  width:25px;height:25px;background:transparent;border-color:var(--resource-line);
}
body.resource-philosophy .resource-accordion__mark::before,
body.resource-philosophy .resource-accordion__mark::after{left:7px;right:7px;top:11px;}
body.resource-philosophy .resource-accordion__body{padding-top:0;padding-bottom:20px;}
body.resource-philosophy .resource-accordion__body :is(p,li){font-size:13.5px!important;line-height:1.65!important;}
body.resource-philosophy .layers{margin:2px 0!important;}
body.resource-philosophy .layers li{padding:11px 0;border-color:var(--resource-line);}
body.resource-philosophy .layers .lname{
  color:var(--resource-fjord-deep)!important;font:600 9px/1.35 'Nunito Sans',sans-serif!important;
  letter-spacing:1.05px!important;
}
body.resource-philosophy .colophon{margin-top:44px!important;padding-top:24px!important;}
body.resource-philosophy .philosophy-back{margin:0 0 34px;}
body.resource-philosophy .page{padding-top:44px!important;}
body.resource-philosophy .resource-accordion:first-of-type{border-top:1px solid var(--resource-line)!important;}

/* Why Premium uses the same quiet editorial structure as the rest of Resources. */
body.resource-premium{
  background:linear-gradient(180deg,var(--resource-sun) 0 2px,var(--resource-bg) 2px 100%)!important;
}
body.resource-premium .brand{margin-bottom:34px!important;}
body.resource-premium .premium-intro{margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid var(--resource-line);}
body.resource-premium .premium-price-block{margin:0 0 16px;font-family:'Nunito Sans',sans-serif;}
body.resource-premium .premium-price-block strong{display:block;color:var(--resource-ink);font:600 31px/1.04 'Nunito Sans',sans-serif;letter-spacing:-.7px;}
body.resource-premium .premium-price-block span{display:block;margin-top:4px;color:var(--resource-muted);font:500 11px/1.4 'Nunito Sans',sans-serif;letter-spacing:.25px;}
body.resource-premium .premium-intro h2{
  max-width:500px;margin:10px 0 9px!important;color:var(--resource-ink)!important;
  font:500 28px/1.13 'Quicksand',serif!important;
}
body.resource-premium .premium-intro p{
  max-width:530px;margin:0 0 18px;color:var(--resource-muted);
  font:400 13px/1.58 'Nunito Sans',sans-serif;
}
body.resource-premium .premium-primary{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;
  border:1px solid var(--resource-fjord-deep)!important;border-radius:var(--resource-radius-pill);
  background:var(--resource-fjord-deep);color:#FFFDF7!important;text-decoration:none!important;
  font:600 9.5px/1.2 'Nunito Sans',sans-serif;letter-spacing:1.05px;text-transform:uppercase;
}
body.resource-premium .premium-intro small{
  display:block;margin-top:11px;color:var(--resource-muted);
  font:400 10.5px/1.5 'Nunito Sans',sans-serif;
}
body.resource-premium .resource-accordion{margin-top:0!important;}
body.resource-premium .premium-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;}
body.resource-premium .premium-tool-list>div{padding:12px 0;border-bottom:1px solid var(--resource-line);}
body.resource-premium .premium-tool-list strong{
  display:block;color:var(--resource-ink);font:600 11px/1.4 'Nunito Sans',sans-serif;letter-spacing:.15px;
}
body.resource-premium .premium-tool-list span{
  display:block;margin-top:3px;color:var(--resource-muted);font:400 11.5px/1.5 'Nunito Sans',sans-serif;
}
body.resource-premium .colophon{margin-top:44px!important;padding-top:24px!important;}

/* Support follows the same editorial rhythm as Premium: one human invitation, then folded help. */
body.resource-support{
  background:linear-gradient(180deg,var(--resource-sun) 0 2px,var(--resource-bg) 2px 100%)!important;
}
body.resource-support .brand{margin-bottom:34px!important;}
body.resource-support .support-intro{
  margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid var(--resource-line);
}
body.resource-support .support-eyebrow{
  display:inline-flex;align-items:center;gap:7px;color:var(--resource-fjord-deep);
  font:600 9px/1.3 'Nunito Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;
}
body.resource-support .support-eyebrow::before{
  content:'';width:5px;height:5px;border-radius:50%;background:var(--resource-coral);
}
body.resource-support .support-intro h2{
  max-width:500px;margin:10px 0 9px!important;color:var(--resource-ink)!important;
  font:500 28px/1.13 'Quicksand',serif!important;
}
body.resource-support .support-intro p{
  max-width:530px;margin:0 0 18px;color:var(--resource-muted);
  font:400 13px/1.58 'Nunito Sans',sans-serif;
}
body.resource-support .support-primary{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;
  border:1px solid var(--resource-fjord-deep)!important;border-radius:var(--resource-radius-pill);
  background:var(--resource-fjord-deep);color:#FFFDF7!important;text-decoration:none!important;
  font:600 9.5px/1.2 'Nunito Sans',sans-serif;letter-spacing:1.05px;text-transform:uppercase;
}
body.resource-support .support-intro small{
  display:block;max-width:540px;margin-top:11px;color:var(--resource-muted);
  font:400 10.5px/1.5 'Nunito Sans',sans-serif;
}
body.resource-support .resource-accordion{margin-top:0!important;}
body.resource-support .resource-accordion__body strong{font-weight:600;color:var(--resource-ink);}
body.resource-support .colophon{margin-top:44px!important;padding-top:24px!important;}

/* Privacy remains complete, but reads as an indexed policy rather than one uninterrupted wall. */
body.resource-privacy{
  background:linear-gradient(180deg,var(--resource-sun) 0 2px,var(--resource-bg) 2px 100%)!important;
}
body.resource-privacy .brand{margin-bottom:34px!important;}
body.resource-privacy .privacy-intro{
  margin:0 0 25px;padding:0 0 28px;border-bottom:1px solid var(--resource-line);
}
body.resource-privacy .privacy-eyebrow{
  display:inline-flex;align-items:center;gap:7px;color:var(--resource-fjord-deep);
  font:600 9px/1.3 'Nunito Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;
}
body.resource-privacy .privacy-eyebrow::before{
  content:'';width:5px;height:5px;border-radius:50%;background:var(--resource-coral);
}
body.resource-privacy .privacy-intro h2{
  max-width:500px;margin:10px 0 10px!important;color:var(--resource-ink)!important;
  font:500 28px/1.13 'Quicksand',serif!important;
}
body.resource-privacy .privacy-intro p{
  max-width:570px;margin:0 0 12px;color:var(--resource-muted);
  font:400 13px/1.62 'Nunito Sans',sans-serif;
}
body.resource-privacy .privacy-intro .privacy-scope{
  margin-bottom:0;color:var(--resource-muted);font-size:11px;line-height:1.55;
}
body.resource-privacy .privacy-intro em{color:var(--resource-ink);font-style:normal;}
body.resource-privacy .privacy-guide{
  margin:0 0 8px;color:var(--resource-fjord-deep);
  font:600 9px/1.4 'Nunito Sans',sans-serif;letter-spacing:1.25px;text-transform:uppercase;
}
body.resource-privacy .resource-accordion{margin-top:0!important;}
body.resource-privacy .resource-accordion__summary{min-height:69px;padding-top:15px;padding-bottom:15px;}
body.resource-privacy .resource-accordion__title{font-size:20px;}
body.resource-privacy .resource-accordion__body{padding-bottom:25px;}
body.resource-privacy .resource-accordion__body :is(p,li){
  font-size:13.5px!important;line-height:1.68!important;color:var(--resource-muted);
}
body.resource-privacy .resource-accordion__body em{color:var(--resource-ink);font-style:normal;font-weight:500;}
body.resource-privacy .resource-accordion__body ul{padding-left:20px;margin-top:4px;}
body.resource-privacy .resource-accordion__body li{padding-left:3px;margin-bottom:8px;}
body.resource-privacy .privacy-effective{
  margin:30px 0 0!important;text-align:center;color:var(--resource-muted)!important;
  font-size:10px!important;letter-spacing:.7px!important;text-transform:uppercase;
}
body.resource-privacy .colophon{margin-top:30px!important;padding-top:24px!important;}

@media(max-width:560px){
  .page{padding-left:20px!important;padding-right:20px!important;}
  h1{font-size:38px!important;}
  .section{padding-left:0!important;padding-right:0!important;}
  .resource-accordion__summary{min-height:62px;padding:13px 2px;gap:3px 12px;}
  .resource-accordion__title{font-size:19px;}
  .resource-accordion.card .resource-accordion__title{font-size:19px;}
  .resource-accordion__body{padding-left:2px;padding-right:2px;}
  body.resource-philosophy .resource-accordion__title{font-size:19px!important;}
  body.resource-premium .premium-intro h2{font-size:25px!important;}
  body.resource-premium .premium-primary{display:flex;width:100%;}
  body.resource-premium .premium-tool-list{grid-template-columns:1fr;gap:0;}
  body.resource-support .support-intro h2{font-size:25px!important;}
  body.resource-support .support-primary{display:flex;width:100%;}
  body.resource-privacy .privacy-intro h2{font-size:25px!important;}
  body.resource-privacy .resource-accordion__title{font-size:19px;}
}

@media(prefers-color-scheme:dark){
  :root{
    --resource-bg:#171D24;--resource-paper:#202832;--resource-paper-soft:#242D36;
    --resource-fjord:#91B3D6;--resource-fjord-deep:#B1CCE5;--resource-fjord-soft:#293B4D;
    --resource-sun:#E7CE70;--resource-sun-soft:#332F22;--resource-coral:#E9B394;
    --resource-green:#9CB59A;--resource-ink:#F5F0E5;--resource-muted:#BCC2B8;
    --resource-subtle:#A5ACA5;--resource-disabled:#7E8781;--resource-line:#3B4650;--resource-hairline:#333E48;
  }
  body{background:linear-gradient(180deg,var(--resource-sun) 0 4px,var(--resource-bg) 4px 100%)!important;}
  .rule::after{box-shadow:0 0 0 4px var(--resource-bg);}
  .premium-cta a{color:#202630!important;}
}