/*
Theme Name:  Aiki Natural Healing
Theme URI:   https://aikinaturalhealing.com
Description: Astra child theme for Aiki Natural Healing — brand v2 (Bellefair · Spell of Asia · Yuji Syuku, navy→iris gradient, washi neutrals).
Author:      Rob Darlington
Template:    astra
Version:     1.0.0
Text Domain: aiki
*/

/* ============================================================
   1. Fonts (self-hosted woff2 — Yuji Syuku subset to used kanji)
   ============================================================ */
@font-face{
  font-family:'Bellefair';
  src:url('assets/fonts/Bellefair-Regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Spell of Asia';
  src:url('assets/fonts/SpellOfAsia.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Yuji Syuku';
  src:url('assets/fonts/YujiSyuku-subset.woff2?v=2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}

/* ============================================================
   2. Brand tokens (v2 reduced palette)
   ============================================================ */
:root{
  --iris:#65009b;
  --deep:#43006b;
  --lilac:#d3bce8;
  --ocean:#2273a6;
  --aqua:#8fd0da;
  --navy:#22406f;
  --ink:#100f0d;
  --ink-72:rgba(16,15,13,.72);
  --ink-50:rgba(16,15,13,.5);
  --paper:#f6f2ea;
  --paper2:#efe8db;
  --offwhite:#fbf9f4;
  --line:rgba(16,15,13,.14);
  --grad:linear-gradient(135deg,#22406f 0%,#65009b 100%);

  --font-body:'Bellefair',Georgia,'Times New Roman',serif;
  --font-head:'Spell of Asia','Bellefair',serif;
  --font-jp:'Yuji Syuku','Hiragino Mincho ProN',serif;

  --radius:18px;
  --shadow-soft:0 26px 60px rgba(16,15,13,.12);
}

/* ============================================================
   3. Base typography — Bellefair does all the reading
   ============================================================ */
body,
.ast-single-post .entry-title,
button,input,select,textarea{
  font-family:var(--font-body);
}
body{
  font-size:19px;
  line-height:1.7;
  font-weight:400;
  color:var(--ink-72);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  /* All three brand faces are single-weight: never let the browser
     synthesize bold/italic (Astra's 600-weight headings fake-bold
     Bellefair into a double-struck "engraved" render). */
  font-synthesis:none;
}
h1,h2,h3,h4,h5,h6,
.entry-content h1,.entry-content h2,.entry-content h3,
.entry-content h4,.entry-content h5,.entry-content h6{font-weight:400 !important;}
strong,b{font-weight:400;color:var(--ink);}
h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:400;}

/* The brush moment: one big headline per view, mixed case, deep purple
   (logo color — Evolene 2026-08: brush titles match the logo) */
.entry-content h2{
  color:var(--deep);
  font-family:var(--font-head);
  font-size:clamp(30px,4vw,46px);
  line-height:1.12;
  letter-spacing:0;
  margin:1.6em 0 .5em;
}
/* Sub-heads: Bellefair small caps, tracked — the brush never goes small */
.entry-content h3{
  font-family:var(--font-body);
  font-size:22px;
  text-transform:uppercase;
  letter-spacing:.18em;
  margin:2em 0 .6em;
}
.entry-content p,.entry-content li{max-width:70ch;}
/* paragraphs are capped at 70ch — a "centered" one must also center its box */
.entry-content p.has-text-align-center{margin-left:auto;margin-right:auto;}
/* Links: color alone marks them — ocean blue (the dragonflies' color)
   stays obvious against ink AND the deep-purple motto paragraphs, where
   a purple link would disappear. No underline at rest, underline on
   hover/focus (Evolene/Rob 2026-08). */
a,.entry-content a{color:var(--ocean);text-decoration:none;}
a:hover,a:focus,
.entry-content a:hover,.entry-content a:focus{color:var(--navy);text-decoration:underline;}
/* pills, nav and card-links stay clean even on hover — the .entry-content
   variants outrank ".entry-content a:hover" so in-body pills match the nav */
.aiki-btn:hover,.aiki-btn:focus,
.entry-content .aiki-btn:hover,.entry-content .aiki-btn:focus,
.wp-block-button__link:hover,.wp-block-button__link:focus,
.entry-content .wp-block-button__link:hover,.entry-content .wp-block-button__link:focus,
.main-header-menu .menu-link:hover,.main-header-menu .menu-link:focus,
.aiki-footer a:hover,.aiki-footer a:focus{text-decoration:none;}
/* and the navy link-hover color must not leak into solid pills */
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus{color:#fff;}

.jp{font-family:var(--font-jp);letter-spacing:.24em;}

.aiki-eyebrow{
  font-family:var(--font-body);
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:var(--iris);
  margin-bottom:.6em;
}
.aiki-motto{
  font-family:var(--font-body);
  font-size:clamp(20px,2.2vw,25px);
  color:var(--deep);
}

/* ============================================================
   4. Header — quiet washi bar, deep-purple logo, tracked caps nav
   ============================================================ */
.site-header,
.ast-primary-header-bar,
.ast-above-header-bar{background:var(--offwhite);}
.ast-primary-header-bar{border-bottom:1px solid var(--line);}
.main-header-menu .menu-item > .menu-link,
.ast-header-account-wrap,
.ast-masthead-custom-menu-items{
  font-family:var(--font-body);
  /* Bellefair is single-weight (no bolding allowed) — readability comes
     from size, full ink, and a hairline stroke that thickens the glyphs
     evenly (unlike browser faux-bold, which double-strikes them) */
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:var(--ink);
  -webkit-text-stroke:.35px currentColor;
}
.main-header-menu .menu-item > .menu-link:hover,
.ast-builder-menu .main-header-menu .menu-item.current-menu-item:not(.aiki-book-btn) > .menu-link,
.ast-builder-menu .main-header-menu .menu-item.current-menu-ancestor:not(.aiki-book-btn) > .menu-link{color:var(--iris) !important;}
.main-header-menu .sub-menu{
  background:var(--offwhite);
  border:1px solid var(--line);
  border-radius:3px;
  box-shadow:0 18px 44px rgba(16,15,13,.14);
}
.main-header-menu .sub-menu .menu-link{font-size:13px;letter-spacing:.18em;}

/* “Book” pill in the menu */
.main-header-menu .menu-item.aiki-book-btn{display:flex;align-items:center;}
.main-header-menu .menu-item.aiki-book-btn > .menu-link{
  background:var(--grad);
  color:#fff !important;
  border-radius:999px;
  padding:12px 28px 10px;
  line-height:1;
  height:auto;
  margin-left:14px;
  letter-spacing:.22em;
}
.main-header-menu .menu-item.aiki-book-btn > .menu-link:hover{opacity:.9;}

/* ============================================================
   5. Hero — signature gradient + dragonfly pattern, all pages
   ============================================================ */
.aiki-hero{
  position:relative;
  background:var(--grad);
  color:#fff;
  overflow:hidden;
}
/* one dragonfly on the right, semi-transparent, tone-on-tone — per the
   brand PDF cover. Lives on __inner (the centered .ast-container) so it
   sits at the right edge of the content column, not the viewport.
   (the footer uses the same single fly, slightly fainter — see §8) */
.aiki-hero__inner::before{
  content:"";
  position:absolute;inset:0;
  background-image:url('assets/img/fly-hero.png');
  background-repeat:no-repeat;
  background-position:right 20px top 42%;
  background-size:min(22vw,300px) auto;
  opacity:.5;
  pointer-events:none;
}
.aiki-hero--home .aiki-hero__inner::before{background-size:min(24vw,340px) auto;}
/* .ast-container supplies width + horizontal padding so hero/footer
   content lines up with the header and page content */
.aiki-hero__inner{
  position:relative;
  padding-top:72px;
  padding-bottom:76px;
}
.aiki-hero__eyebrow{
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:var(--lilac);
  margin:0 0 18px;
}
.aiki-hero__eyebrow .jp{font-size:1.05rem;text-transform:none;}
.aiki-hero h1{
  font-family:var(--font-body);
  font-size:clamp(38px,5vw,64px);
  line-height:1.08;
  letter-spacing:.005em;
  color:#fff;
  margin:0;
}
.aiki-hero__subtitle{
  font-size:clamp(19px,2vw,23px);
  line-height:1.55;
  color:rgba(255,255,255,.85);
  max-width:640px;
  margin:22px 0 0;
}

/* Home hero — the big moment */
.aiki-hero--home .aiki-hero__inner{padding-top:110px;padding-bottom:118px;}
.aiki-hero--home h1{font-size:clamp(44px,6vw,80px);max-width:620px;}
.aiki-hero__motto{
  font-size:clamp(20px,2.2vw,26px);
  color:var(--lilac);
  margin:26px 0 0;
}
.aiki-hero__ctas{margin-top:40px;display:flex;gap:18px;flex-wrap:wrap;}

/* ============================================================
   6. Buttons — calm pills
   ============================================================ */
.aiki-btn,
.entry-content .wp-block-button__link,
.wp-block-button__link{
  font-family:var(--font-body);
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.18em;
  border-radius:999px;
  /* Bellefair's descent > its space-above-caps, so uppercase labels sit
     ~2px high in a symmetric box — compensate for optical centering */
  padding:14px 32px 12px;
  line-height:1;
  text-decoration:none;
  display:inline-block;
  border:1px solid transparent;
  transition:opacity .2s ease,background .2s ease,color .2s ease;
}
.aiki-btn--solid,
.wp-block-button__link{background:var(--iris);color:#fff;}
.aiki-btn--solid:hover,.wp-block-button__link:hover{background:var(--deep);color:#fff;}
.aiki-btn--grad{background:var(--grad);color:#fff;}
.aiki-btn--grad:hover{opacity:.9;color:#fff;}
.aiki-btn--white{background:#fff;color:var(--deep);}
.aiki-btn--white:hover{background:var(--lilac);color:var(--deep);}
.aiki-btn--outline{border-color:rgba(255,255,255,.75);color:#fff;background:transparent;}
.aiki-btn--outline:hover{background:rgba(255,255,255,.12);color:#fff;}
.is-style-outline .wp-block-button__link{
  background:transparent;border:1px solid var(--iris);color:var(--iris);
}

/* ============================================================
   7. Content components
   ============================================================ */
/* modality / service cards */
.aiki-cards{gap:28px;}
/* stacked card rows: vertical rhythm = the 28px column gap */
.entry-content .aiki-cards + .aiki-cards{margin-top:28px;}
/* prose that follows a card row sits at the same 44px offset as an h3 */
.entry-content .aiki-cards + p:not(.aiki-disclaimer){margin-top:44px;}
/* Astra gives wp-block-columns a default inner padding — align card rows
   with the rest of the content instead */
.entry-content .wp-block-columns.aiki-cards{padding:0;}
.aiki-card{
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  /* one padding token for the whole white-card family
     (.aiki-card / .aiki-prices / blockquote) */
  padding:34px 36px !important;
}
.aiki-card h3{
  font-family:var(--font-body);
  font-size:24px;
  text-transform:none;
  letter-spacing:.02em;
  margin:0 0 .4em;
}
.aiki-card .jp{color:var(--iris);font-size:1rem;display:block;margin-bottom:14px;}
.aiki-card p{font-size:17px;}
.aiki-card .aiki-more{
  font-size:13px;text-transform:uppercase;letter-spacing:.22em;text-decoration:none;
}

/* price lists (Services page) */
.aiki-prices{
  background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-soft);
  padding:34px 36px !important;
}
.aiki-prices h3{margin-top:0;}
.aiki-prices ul{list-style:none;margin:0;padding:0;}
.aiki-prices li{
  display:flex;justify-content:space-between;gap:18px;
  padding:10px 0;border-bottom:1px solid var(--line);
  max-width:none;
}
.aiki-prices li:last-child{border-bottom:none;}
.aiki-prices li strong{color:var(--ink);font-weight:400;white-space:nowrap;}

/* Ueshiba doka (home page) — quiet centered poem above the disclaimer */
.aiki-poem{text-align:center;margin:72px 0 40px;clear:both;}
.entry-content .aiki-poem p{margin-left:auto;margin-right:auto;max-width:none;}
.aiki-poem .jp{
  font-size:clamp(20px,2.4vw,27px);
  color:var(--deep);
  line-height:2.1;
  letter-spacing:.18em;
}
.aiki-poem__romaji{font-style:italic;color:var(--ink-50);font-size:15px;margin-top:10px;}
.aiki-poem__en{font-size:clamp(19px,2vw,23px);color:var(--ink-72);max-width:44ch;margin-top:16px;}
.aiki-poem__cite{font-size:12.5px;text-transform:uppercase;letter-spacing:.26em;color:var(--iris);margin-top:20px;}

/* photos */
.aiki-photo img{border-radius:var(--radius);box-shadow:var(--shadow-soft);}
.entry-content .aligncenter.aiki-photo{margin-top:48px;margin-bottom:48px;}
/* floats must not bleed into the next section or the footer */
.entry-content::after{content:"";display:block;clear:both;}
.entry-content h2{clear:both;}
.aiki-photo-circle img{border-radius:50%;}
.entry-content .alignright.aiki-photo,
.entry-content .alignright.aiki-photo-circle{margin:6px 0 28px 36px;}
/* --push: float that follows a 3-col card row — drop it to the same offset
   as an h3's 44px top margin so its top lines up with the section title,
   and size it to exactly one card column ((100% - 2 gaps) / 3) so it sits
   flush under the rightmost card */
.entry-content .alignright.aiki-photo.aiki-photo--push{
  margin-top:44px;
  width:calc((100% - 56px)/3);
}
.aiki-photo--push img{width:100%;}
@media (max-width:781px){
  .entry-content .alignright.aiki-photo,
  .entry-content .alignright.aiki-photo-circle{
    float:none;display:block;margin:0 auto 28px;
  }
  .entry-content .alignright.aiki-photo.aiki-photo--push{
    margin-top:28px;
    width:auto;max-width:400px;
  }
}

/* quiet washi band (full-width groups) */
.aiki-band{background:var(--paper2);border-radius:var(--radius);}

/* testimonials */
.entry-content blockquote{
  background:#fff;border:none;border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  padding:34px 36px;margin:0 0 28px;
  font-size:19px;color:var(--ink-72);
  /* the floated .aiki-photo belongs to the title + intro only — cards
     start below it, full width (flow-root guards any future overlap) */
  display:flow-root;
  clear:both;
}
.entry-content blockquote cite{
  display:block;margin-top:14px;font-style:normal;
  font-size:13px;text-transform:uppercase;letter-spacing:.24em;color:var(--iris);
}

/* contact form (CF7) */
.wpcf7 form{max-width:640px;}
.wpcf7 label{
  display:block;margin:0 0 18px;
  font-size:14px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-50);
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{
  display:block;width:100%;margin-top:8px;
  font-family:var(--font-body);font-size:18px;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:12px 16px;
}
.wpcf7 input:focus,.wpcf7 textarea:focus{
  outline:none;border-color:var(--iris);
  box-shadow:0 0 0 3px rgba(101,0,155,.12);
}
.wpcf7 textarea{min-height:150px;}
.wpcf7 input[type="submit"]{
  font-family:var(--font-body);font-size:14px;text-transform:uppercase;letter-spacing:.18em;
  background:var(--grad);color:#fff;border:none;border-radius:999px;
  padding:14px 36px 12px;line-height:1;cursor:pointer;
}
.wpcf7 input[type="submit"]:hover{opacity:.9;}
.wpcf7 .wpcf7-not-valid-tip{font-size:14px;color:#a4262c;letter-spacing:.02em;text-transform:none;}
.wpcf7 .wpcf7-response-output{
  border:1px solid var(--line);border-radius:10px;padding:12px 18px;margin:20px 0 0;
  font-size:16px;
}

/* editor palette utilities — WP emits these classes when a brand color is
   picked in the block editor (palette registered in functions.php) */
.has-iris-color{color:#65009b;}
.has-iris-background-color{background-color:#65009b;}
.has-deep-purple-color{color:#43006b;}
.has-deep-purple-background-color{background-color:#43006b;}
.has-lilac-color{color:#d3bce8;}
.has-lilac-background-color{background-color:#d3bce8;}
.has-ocean-color{color:#2273a6;}
.has-ocean-background-color{background-color:#2273a6;}
.has-aqua-color{color:#8fd0da;}
.has-aqua-background-color{background-color:#8fd0da;}
.has-navy-color{color:#22406f;}
.has-navy-background-color{background-color:#22406f;}
.has-ink-color{color:#100f0d;}
.has-ink-background-color{background-color:#100f0d;}
.has-paper-color{color:#f6f2ea;}
.has-paper-background-color{background-color:#f6f2ea;}
.has-paper-2-color{color:#efe8db;}
.has-paper-2-background-color{background-color:#efe8db;}

/* disclaimer */
.aiki-disclaimer{
  font-size:15px;color:var(--ink-50);
  border-top:1px solid var(--line);
  padding-top:22px;margin-top:48px;
}

/* content spacing */
.site-content .ast-container{padding-top:56px;padding-bottom:72px;}
.entry-content > h2:first-child,
.entry-content > *:first-child > h2:first-child{margin-top:0;}

/* ============================================================
   8. Footer — gradient + single dragonfly (mirrors the hero),
      light-purple logo
   ============================================================ */
.aiki-footer{
  position:relative;
  background:var(--grad);
  color:rgba(255,255,255,.82);
  overflow:hidden;
}
/* same single fly as the hero, same spot, a touch fainter */
.aiki-footer__inner::before{
  content:"";
  position:absolute;inset:0;
  background-image:url('assets/img/fly-hero.png');
  background-repeat:no-repeat;
  background-position:right 20px top 42%;
  background-size:min(22vw,300px) auto;
  opacity:.35;
  pointer-events:none;
}
.aiki-footer__inner{
  position:relative;
  padding-top:64px;
  padding-bottom:40px;
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:48px;
}
.aiki-footer__home{display:inline-block;line-height:0;}
.aiki-footer__logo{width:220px;height:auto;display:block;}
.aiki-footer__motto{
  margin-top:20px;font-size:18px;color:var(--lilac);max-width:340px;
}
.aiki-footer h4{
  font-family:var(--font-body);
  font-size:13px;text-transform:uppercase;letter-spacing:.28em;
  color:rgba(255,255,255,.55);
  margin:6px 0 18px;
}
.aiki-footer ul{list-style:none;margin:0;padding:0;}
.aiki-footer li{margin:0 0 10px;}
.aiki-footer a{color:rgba(255,255,255,.85);text-decoration:none;}
.aiki-footer a:hover{color:#fff;text-decoration:underline;}
.aiki-footer__menu a{
  font-size:14px;text-transform:uppercase;letter-spacing:.18em;
}
.aiki-footer__legal{
  position:relative;
  padding-top:6px;
  padding-bottom:30px;
  font-size:13.5px;color:rgba(255,255,255,.55);
  text-align:center;
}
.aiki-footer__legal p{margin:0 0 6px;max-width:none;}
.aiki-footer__credit{font-size:12px;color:rgba(255,255,255,.4);}
.aiki-footer__credit a{color:rgba(255,255,255,.55);}
.aiki-footer__credit a:hover{color:#fff;}

/* ============================================================
   9. Responsive
   ============================================================ */
/* mobile drawer */
.ast-header-break-point .main-header-bar-navigation,
.ast-header-break-point .main-header-menu{background:var(--offwhite);}
.ast-header-break-point .main-header-bar-navigation{
  box-shadow:0 22px 34px rgba(16,15,13,.18);
  padding-bottom:6px;
}
.ast-header-break-point .main-header-menu .menu-item{border-bottom:1px solid var(--line);}
/* the drawer edge already closes the menu — no border under the last item (Book) */
.ast-header-break-point .main-header-menu > .menu-item:last-child{border-bottom:none;}
.ast-header-break-point .main-header-menu .menu-item.aiki-book-btn{display:block;}
.ast-header-break-point .main-header-menu .menu-item.aiki-book-btn > .menu-link,
.ast-mobile-popup-content .menu-item.aiki-book-btn > .menu-link{
  display:block;width:auto !important;margin:14px 20px;padding:12px 28px 10px;
  text-align:center;border-radius:999px;
}

@media (max-width:921px){
  /* keep the dragonfly on mobile — smaller, fainter, tucked top-right
     (it sits behind the hero text, so it stays subtle) */
  .aiki-hero__inner::before{
    background-size:140px auto;
    background-position:right 14px top 26px;
    opacity:.3;
  }
  .aiki-footer__inner::before{
    background-size:140px auto;
    background-position:right 14px top 26px;
    opacity:.22;
  }
  .aiki-hero__inner,.aiki-hero--home .aiki-hero__inner{padding-top:64px;padding-bottom:70px;}
  .aiki-footer__inner{grid-template-columns:1fr;gap:36px;padding-top:52px;padding-bottom:28px;}
  .aiki-footer__brand{text-align:center;}
  .aiki-footer__logo{margin:0 auto;}
  .aiki-footer__motto{margin-left:auto;margin-right:auto;}
  .aiki-footer__legal{padding-top:20px;padding-bottom:28px;}
  body{font-size:17px;}
  .main-header-menu .menu-item.aiki-book-btn > .menu-link{margin-left:0;}
}

/* ── Availability widget (Contact page) ─────────────────────── */
.aiki-availability{
  background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-soft);
  /* same 28px rhythm as the .aiki-cards column gap, above and below */
  padding:34px 36px;margin:28px 0 !important;clear:both;
}
/* the following heading's 44px top margin collapses over the section's
   28px and wins — cap it so the gap below matches the gap above exactly
   (the floated calligraphy figure can sit between them in the DOM) */
.entry-content .aiki-availability + .wp-block-heading,
.entry-content .aiki-availability + .wp-block-image + .wp-block-heading{margin-top:28px;}
.aiki-availability h3{
  font-family:var(--font-body);font-size:24px;text-transform:none;
  letter-spacing:.02em;margin:0 0 .4em;
}
.aiki-availability__intro{font-size:17px;color:var(--ink-72);margin-bottom:22px;}
.aiki-availability__days{list-style:none;margin:0;padding:0;}
.aiki-availability__day{
  display:flex;align-items:baseline;gap:18px;
  padding:9px 0;border-bottom:1px solid rgba(16,15,13,.08);
}
.aiki-availability__day:last-child{border-bottom:0;}
.aiki-availability__date{
  flex:0 0 108px;font-size:15px;letter-spacing:.04em;white-space:nowrap;
}
.aiki-availability__weekday{
  display:inline-block;width:3.6em;color:var(--iris);
  font-size:12px;text-transform:uppercase;letter-spacing:.18em;
}
.aiki-availability__blocks{display:flex;flex-wrap:wrap;gap:8px;}
.aiki-availability__block{
  font-size:14px;letter-spacing:.03em;white-space:nowrap;
  padding:3px 12px;border:1px solid var(--lilac);border-radius:999px;
  color:var(--deep);background:rgba(211,188,232,.16);
  font-family:inherit;line-height:inherit;
}
/* clickable only when aiki.js finds a contact form on the page */
.aiki-availability__block.is-clickable{cursor:pointer;transition:background .15s,border-color .15s;}
.aiki-availability__block.is-clickable:hover,
.aiki-availability__block.is-clickable:focus-visible{
  background:var(--lilac);border-color:var(--iris);
}
.aiki-availability__none,
.aiki-availability__day.is-unavailable .aiki-availability__date{color:rgba(16,15,13,.38);}
.aiki-availability__none{font-size:14px;font-style:italic;}
.aiki-availability__note{
  margin:22px 0 0;font-size:16px;color:var(--ink-72);font-style:italic;
}
@media (max-width:600px){
  .aiki-availability{padding:26px 22px;}
  .aiki-availability__day{flex-direction:column;gap:7px;align-items:flex-start;}
  .aiki-availability__date{flex-basis:auto;}
}