/* Avelle resource library — quiet Japandi editorial layer.
   Warm paper and generous whitespace do the visual work. Nordic blue, sun yellow and heather
   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:#E4E0E8;
  --resource-sun:#F4D35E;
  --resource-sun-soft:#FBF4D5;
  --resource-coral:#75627F;
  --resource-green:#75627F;
  --resource-ink:#243754;
  --resource-muted:#686570;
  --resource-subtle:#77717B;
  --resource-disabled:#817C84;
  --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:'Jost',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='%23D85F55'/%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 'Jost',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:'Cormorant Garamond',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 'Cormorant Garamond',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 'Jost',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 'Jost',sans-serif;letter-spacing:1.2px;text-transform:uppercase;
}
.resource-accordion__title{
  grid-column:1;color:currentColor;font:500 21px/1.2 'Cormorant Garamond',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:'Jost',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 'Jost',sans-serif!important;
  letter-spacing:0!important;margin:0 0 14px!important;
}
.lead{
  color:var(--resource-ink)!important;font:italic 400 19px/1.55 'Cormorant Garamond',serif!important;
  letter-spacing:0!important;
}
.claim{
  color:var(--resource-fjord-deep)!important;font:italic 400 21px/1.4 'Cormorant Garamond',serif!important;
  letter-spacing:0!important;
}
.resource-accordion__body .claim{
  color:var(--resource-fjord-deep)!important;font:italic 400 21px/1.4 'Cormorant Garamond',serif!important;
}
.tips-guide{
  margin:24px 0 8px!important;color:var(--resource-fjord-deep)!important;
  font:600 9px/1.4 'Jost',sans-serif!important;letter-spacing:1.2px!important;text-transform:uppercase;
}
.tier h3{
  color:var(--resource-fjord-deep)!important;font:600 10px/1.35 'Jost',sans-serif!important;
  letter-spacing:1.3px!important;text-transform:uppercase!important;
}
.tier .price{
  color:var(--resource-muted)!important;font:400 12px/1.5 'Jost',sans-serif!important;
  letter-spacing:0!important;font-style:normal!important;
}
.tier .flist li{font:400 13.5px/1.5 'Jost',sans-serif!important;letter-spacing:0!important;}
.tier .fname{font:600 13px/1.4 'Jost',sans-serif!important;letter-spacing:0!important;}
.tier .fdesc{font:400 11.5px/1.5 'Jost',sans-serif!important;letter-spacing:0!important;}
.fine{font:400 11px/1.55 'Jost',sans-serif!important;letter-spacing:0!important;}
.resource-accordion__body .fine{font:400 11px/1.55 'Jost',sans-serif!important;letter-spacing:0!important;}
.colophon{font:italic 400 16px/1.5 'Cormorant Garamond',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:'Jost',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 'Jost',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 'Cormorant Garamond',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 'Jost',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:'Jost',sans-serif;}
body.resource-premium .premium-price-block strong{display:block;color:var(--resource-ink);font:600 31px/1.04 'Jost',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 'Jost',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 'Cormorant Garamond',serif!important;
}
body.resource-premium .premium-intro p{
  max-width:530px;margin:0 0 18px;color:var(--resource-muted);
  font:400 13px/1.58 'Jost',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 'Jost',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 'Jost',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 'Jost',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 'Jost',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 'Jost',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 'Cormorant Garamond',serif!important;
}
body.resource-support .support-intro p{
  max-width:530px;margin:0 0 18px;color:var(--resource-muted);
  font:400 13px/1.58 'Jost',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 'Jost',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 'Jost',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 'Jost',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 'Cormorant Garamond',serif!important;
}
body.resource-privacy .privacy-intro p{
  max-width:570px;margin:0 0 12px;color:var(--resource-muted);
  font:400 13px/1.62 'Jost',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 'Jost',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:#B9A8C3;
    --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;}
}