/*
  Phase10: Monthly News / かわら版 visual identity
  Purpose: distinguish the two editorial sections without changing the established site tone.
  Monthly News = sage / children's daily growth
  かわら版 = terracotta / nursery-wide activities
*/

:root{
  --p10-monthly:#748f89;
  --p10-monthly-deep:#536e68;
  --p10-monthly-pale:#edf3f1;
  --p10-monthly-line:#cbdad6;
  --p10-kawara:#bd7459;
  --p10-kawara-deep:#81513f;
  --p10-kawara-pale:#f7eee9;
  --p10-kawara-line:#e6cfc4;
}

/* ============================================================
   TOP PAGE: keep existing white cards; add only small identity cues
   ============================================================ */
.monthly-type4r-card{
  position:relative;
}
.monthly-type4r-card--news{
  border-top:4px solid var(--p10-monthly);
}
.monthly-type4r-card--kawara{
  border-top:4px solid var(--p10-kawara);
}
.monthly-type4r-card--news .monthly-type4r-en{
  color:var(--p10-monthly-deep);
  letter-spacing:.11em;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:600;
}
.monthly-type4r-card--kawara .monthly-type4r-en{
  color:var(--p10-kawara-deep);
  letter-spacing:.11em;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:600;
}
.monthly-type4r-card--news .monthly-type4r-category{
  color:var(--p10-monthly-deep);
  background:rgba(237,243,241,.94);
  border-color:var(--p10-monthly-line);
}
.monthly-type4r-card--kawara .monthly-type4r-category{
  color:var(--p10-kawara-deep);
  background:rgba(247,238,233,.94);
  border-color:var(--p10-kawara-line);
}
.monthly-type4r-content{
  position:relative;
}
.phase10-update-icon{
  position:absolute;
  right:20px;
  top:20px;
  width:36px;
  height:36px;
  border-radius:50%;
  display:block;
}
.phase10-update-icon--monthly{
  background:var(--p10-monthly-pale);
}
.phase10-update-icon--kawara{
  background:var(--p10-kawara-pale);
}
/* small sprout */
.phase10-update-icon--monthly::before{
  content:"";
  position:absolute;
  left:17px;
  top:11px;
  width:2px;
  height:15px;
  border-radius:2px;
  background:var(--p10-monthly);
}
.phase10-update-icon--monthly::after,
.phase10-update-icon--monthly i::before{
  content:"";
  position:absolute;
  width:9px;
  height:6px;
  border:2px solid var(--p10-monthly);
  border-radius:9px 9px 9px 2px;
}
.phase10-update-icon--monthly::after{
  left:7px;
  top:10px;
  transform:rotate(-18deg);
}
.phase10-update-icon--monthly i::before{
  right:6px;
  top:7px;
  transform:scaleX(-1) rotate(-18deg);
}
/* small paper / journal */
.phase10-update-icon--kawara::before{
  content:"";
  position:absolute;
  left:10px;
  top:8px;
  width:15px;
  height:19px;
  border:2px solid var(--p10-kawara);
  border-radius:2px;
}
.phase10-update-icon--kawara::after{
  content:"";
  position:absolute;
  left:14px;
  top:14px;
  width:9px;
  height:1px;
  background:var(--p10-kawara);
  box-shadow:0 4px 0 var(--p10-kawara),0 8px 0 var(--p10-kawara);
}
.monthly-type4r-card--news .monthly-type4r-latest span{
  color:var(--p10-monthly-deep);
  background:var(--p10-monthly-pale);
  border-color:var(--p10-monthly-line);
}
.monthly-type4r-card--kawara .monthly-type4r-latest span{
  color:var(--p10-kawara-deep);
  background:var(--p10-kawara-pale);
  border-color:var(--p10-kawara-line);
}
.monthly-type4r-card--news .monthly-type4r-button{
  background:var(--p10-monthly-deep);
}
.monthly-type4r-card--kawara .monthly-type4r-button{
  background:#684738;
}
.monthly-type4r-card--news .monthly-type4r-button:hover{
  background:#435d57;
}
.monthly-type4r-card--kawara .monthly-type4r-button:hover{
  background:#55382d;
}

/* ============================================================
   SHARED LOCAL NAV: both identities remain visible side by side
   ============================================================ */
.sisc-localnav--updates .sisc-localnav-card[href*="monthly_news"]{
  border-top:3px solid var(--p10-monthly);
}
.sisc-localnav--updates .sisc-localnav-card[href*="kawaraban"]{
  border-top:3px solid var(--p10-kawara);
}
.sisc-localnav--updates .sisc-localnav-card[href*="monthly_news"] .sisc-localnav-kicker{
  color:var(--p10-monthly-deep);
}
.sisc-localnav--updates .sisc-localnav-card[href*="kawaraban"] .sisc-localnav-kicker{
  color:var(--p10-kawara-deep);
}
.sisc-localnav--updates .sisc-localnav-card[href*="monthly_news"].is-current{
  background:linear-gradient(135deg,#fff,var(--p10-monthly-pale));
  border-color:var(--p10-monthly-line);
  border-top-color:var(--p10-monthly);
}
.sisc-localnav--updates .sisc-localnav-card[href*="kawaraban"].is-current{
  background:linear-gradient(135deg,#fff,var(--p10-kawara-pale));
  border-color:var(--p10-kawara-line);
  border-top-color:var(--p10-kawara);
}
.sisc-localnav--updates .sisc-localnav-card[href*="monthly_news"] .sisc-localnav-arrow{
  color:var(--p10-monthly-deep);
  background:var(--p10-monthly-pale);
}
.sisc-localnav--updates .sisc-localnav-card[href*="kawaraban"] .sisc-localnav-arrow{
  color:var(--p10-kawara-deep);
  background:var(--p10-kawara-pale);
}

/* ============================================================
   INDEX / YEAR ARCHIVE / ARTICLE THEME CUES
   ============================================================ */
body.update-theme-monthly .page-hero{
  box-shadow:inset 0 -3px 0 rgba(116,143,137,.22);
}
body.update-theme-kawara .page-hero{
  box-shadow:inset 0 -3px 0 rgba(189,116,89,.20);
}
body.update-theme-monthly .page-hero-kicker,
body.update-theme-monthly .update-intro .eyebrow{
  color:var(--p10-monthly-deep);
}
body.update-theme-kawara .page-hero-kicker,
body.update-theme-kawara .update-intro .eyebrow{
  color:var(--p10-kawara-deep);
}
body.update-theme-monthly .update-article-hero .page-hero-kicker{
  margin-bottom:12px;
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif !important;
  font-size:1.375rem;
  font-weight:700 !important;
  letter-spacing:0 !important;
  line-height:1.5;
}
@media (max-width:700px){
  body.update-theme-monthly .update-article-hero .page-hero-kicker{
    font-size:1.125rem;
  }
}
body.update-theme-monthly .update-archive-date{
  color:var(--p10-monthly-deep);
}
body.update-theme-kawara .update-archive-date{
  color:var(--p10-kawara-deep);
}
body.update-theme-monthly .update-archive-card:hover{
  border-color:var(--p10-monthly-line);
}
body.update-theme-kawara .update-archive-card:hover{
  border-color:var(--p10-kawara-line);
}

/* Back-number books: same library design, different editorial palette */
body.update-theme-monthly .archive-library-book:nth-child(1){background:#dce9e5;}
body.update-theme-monthly .archive-library-book:nth-child(2){background:#edf2e8;}
body.update-theme-monthly .archive-library-book:nth-child(3){background:#e5ddd0;}
body.update-theme-monthly .archive-library-book-title,
body.update-theme-monthly .archive-library-year,
body.update-theme-monthly .archive-library-sign{
  color:#49655f;
}
body.update-theme-monthly .archive-library-openbook::before,
body.update-theme-monthly .archive-library-openbook::after{
  border-color:#607d76;
}
body.update-theme-kawara .archive-library-book:nth-child(1){background:#efd2c6;}
body.update-theme-kawara .archive-library-book:nth-child(2){background:#eadfcf;}
body.update-theme-kawara .archive-library-book:nth-child(3){background:#e6c6b7;}
body.update-theme-kawara .archive-library-book-title,
body.update-theme-kawara .archive-library-year,
body.update-theme-kawara .archive-library-sign{
  color:#744a3a;
}
body.update-theme-kawara .archive-library-openbook::before,
body.update-theme-kawara .archive-library-openbook::after{
  border-color:#8f5d49;
}

/* Article pages: compact series badge clarifies which publication is open */
.update-series-mark{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 10px;
  padding:6px 10px;
  border-radius:999px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  line-height:1;
}
.update-series-mark::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
}
body.update-theme-monthly .update-series-mark{
  color:var(--p10-monthly-deep);
  background:var(--p10-monthly-pale);
  border:1px solid var(--p10-monthly-line);
}
body.update-theme-monthly .update-series-mark::before{background:var(--p10-monthly);}
body.update-theme-kawara .update-series-mark{
  color:var(--p10-kawara-deep);
  background:var(--p10-kawara-pale);
  border:1px solid var(--p10-kawara-line);
}
body.update-theme-kawara .update-series-mark::before{background:var(--p10-kawara);}
body.update-theme-monthly .update-article-back .button--secondary{
  border-color:var(--p10-monthly-line);
}
body.update-theme-kawara .update-article-back .button--secondary{
  border-color:var(--p10-kawara-line);
}

@media (max-width:720px){
  .phase10-update-icon{
    width:32px;
    height:32px;
    right:16px;
    top:16px;
  }
  .phase10-update-icon--monthly::before{left:15px;top:9px;}
  .phase10-update-icon--monthly::after{left:6px;top:9px;}
  .phase10-update-icon--monthly i::before{right:5px;top:6px;}
  .phase10-update-icon--kawara::before{left:9px;top:7px;width:13px;height:17px;}
  .phase10-update-icon--kawara::after{left:13px;top:13px;width:7px;}
}


/* ============================================================
   PHASE10 v2 TOP REFINEMENT
   Photo -> English series label on white -> color rule -> pale body.
   The strip between photo and color line stays unfilled/white.
   ============================================================ */
.monthly-type4r-card--news,
.monthly-type4r-card--kawara{
  border-top:none;
}
.monthly-type4r-identity{
  position:relative;
  padding:10px 28px 8px;
  background:#fff;
}
.monthly-type4r-identity .monthly-type4r-en{
  margin:0;
  line-height:1.25;
}
.monthly-type4r-card--news .monthly-type4r-identity{
  border-bottom:4px solid var(--p10-monthly);
}
.monthly-type4r-card--kawara .monthly-type4r-identity{
  border-bottom:4px solid var(--p10-kawara);
}
.monthly-type4r-card--news .monthly-type4r-content{
  background:#f4f8f6;
}
.monthly-type4r-card--kawara .monthly-type4r-content{
  background:#fbf5f1;
}

@media (max-width:700px){
  .monthly-type4r-identity{
    padding:9px 18px 7px;
  }
  .monthly-type4r-card--news .monthly-type4r-identity,
  .monthly-type4r-card--kawara .monthly-type4r-identity{
    border-bottom-width:3px;
  }
}


/* ============================================================
   PHASE10 v3 INDEX / YEAR-CARD REFINEMENT
   Image -> white date strip -> series color rule -> article body.
   This mirrors the approved top-page identity treatment while
   keeping the monthly card body neutral and light.
   ============================================================ */
.update-archive-card .update-archive-date-row{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:8px 14px 7px;
  background:#fff;
  border-bottom:4px solid transparent;
}
.update-archive-card .update-archive-date-row .update-archive-date{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:12px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:.055em;
}
body.update-theme-monthly .update-archive-card .update-archive-date-row{
  border-bottom-color:var(--p10-monthly);
}
body.update-theme-kawara .update-archive-card .update-archive-date-row{
  border-bottom-color:var(--p10-kawara);
}
/* Date is now outside the body, so trim the body top slightly to keep
   the overall card height close to the previous layout. */
.update-archive-card .update-archive-body{
  padding-top:14px;
}

@media (max-width:700px){
  .update-archive-card .update-archive-date-row{
    min-height:34px;
    padding:7px 12px 6px;
    border-bottom-width:3px;
  }
  .update-archive-card .update-archive-date-row .update-archive-date{
    font-size:11px;
  }
  .update-archive-card .update-archive-body{
    padding-top:12px;
  }
}

/* ============================================================
   PHASE10 v4 UPDATE SECTION NAV REFINEMENT
   Turn the old nested-card appearance into a lighter two-series switcher.
   Keep the outer journal panel, remove inner boxiness and round arrow buttons.
   ============================================================ */
.sisc-localnav--updates{
  padding:18px 22px 20px;
  border:1px solid rgba(81,57,41,.10);
  border-radius:24px;
  background:rgba(255,253,249,.92);
  box-shadow:0 8px 24px rgba(63,43,30,.045);
}
.sisc-localnav--updates .sisc-localnav-head{
  margin-bottom:12px;
}
.sisc-localnav--updates .sisc-localnav-grid--two{
  gap:10px;
}
.sisc-localnav--updates .sisc-localnav-card,
.sisc-localnav--updates .sisc-localnav-card--wide{
  min-height:82px;
  padding:14px 18px 15px;
  border:0 !important;
  border-radius:12px 12px 4px 4px;
  box-shadow:none !important;
  transform:none !important;
}
.sisc-localnav--updates .sisc-localnav-card[href*="monthly_news"]{
  background:rgba(237,243,241,.42);
  border-bottom:3px solid var(--p10-monthly) !important;
}
.sisc-localnav--updates .sisc-localnav-card[href*="kawaraban"]{
  background:rgba(247,238,233,.36);
  border-bottom:3px solid var(--p10-kawara) !important;
}
.sisc-localnav--updates .sisc-localnav-card[href*="monthly_news"].is-current{
  background:rgba(237,243,241,.88);
  box-shadow:inset 0 0 0 1px rgba(116,143,137,.10) !important;
}
.sisc-localnav--updates .sisc-localnav-card[href*="kawaraban"].is-current{
  background:rgba(247,238,233,.86);
  box-shadow:inset 0 0 0 1px rgba(189,116,89,.10) !important;
}
.sisc-localnav--updates .sisc-localnav-card:hover{
  transform:none !important;
}
.sisc-localnav--updates .sisc-localnav-card[href*="monthly_news"]:hover{
  background:rgba(237,243,241,.95);
}
.sisc-localnav--updates .sisc-localnav-card[href*="kawaraban"]:hover{
  background:rgba(247,238,233,.94);
}
.sisc-localnav--updates .sisc-localnav-kicker{
  margin-bottom:5px;
}
.sisc-localnav--updates .sisc-localnav-card strong{
  margin-bottom:3px;
}
.sisc-localnav--updates .sisc-localnav-desc{
  opacity:.78;
}
.sisc-localnav--updates .sisc-localnav-arrow{
  display:none !important;
}

@media (max-width:720px){
  .sisc-localnav--updates{
    padding:15px 14px 16px;
    border-radius:18px;
  }
  .sisc-localnav--updates .sisc-localnav-grid--two{
    gap:8px;
  }
  .sisc-localnav--updates .sisc-localnav-card,
  .sisc-localnav--updates .sisc-localnav-card--wide{
    min-height:76px;
    padding:12px 13px 13px;
  }
}


/* ============================================================
   PHASE10 v5 TOP MOBILE REFINEMENT
   - Remove redundant monthly-update status from the heading (HTML).
   - Strengthen the photo boundary only on compact screens so the
     vertically stacked Monthly News / Kawaraban cards read as two
     clearly separate publications without adding heavy color areas.
   ============================================================ */
@media (max-width:700px){
  .monthly-type4r-heading-main{
    width:100%;
  }
  .monthly-type4r-grid{
    row-gap:38px;
  }
  .monthly-type4r-image{
    box-sizing:border-box;
  }
  .monthly-type4r-card--news .monthly-type4r-image{
    border:1.5px solid rgba(116,143,137,.48);
    border-bottom:0;
  }
  .monthly-type4r-card--kawara .monthly-type4r-image{
    border:1.5px solid rgba(189,116,89,.46);
    border-bottom:0;
  }
  .monthly-type4r-card--news .monthly-type4r-identity{
    border-left:1px solid rgba(116,143,137,.28);
    border-right:1px solid rgba(116,143,137,.28);
  }
  .monthly-type4r-card--kawara .monthly-type4r-identity{
    border-left:1px solid rgba(189,116,89,.26);
    border-right:1px solid rgba(189,116,89,.26);
  }
}

/* ============================================================
   PHASE10 v7 PURPOSE NAV: Nordic abstract illustration refresh
   Replace the old dark pictograms with soft geometric artwork.
   The cards keep the established ivory / brown site language.
   ============================================================ */
.audience-grid--nordic{
  gap:22px;
}
.audience-card--nordic{
  position:relative;
  display:grid;
  grid-template-columns:112px minmax(0,1fr) 42px;
  align-items:center;
  gap:18px;
  min-height:168px;
  padding:22px 22px 22px 20px;
  overflow:hidden;
  border:1px solid rgba(109,78,58,.16);
  border-radius:18px;
  background:rgba(255,253,250,.94);
  color:#432b1d;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(69,48,34,.05);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.audience-card--nordic::before{
  content:"";
  position:absolute;
  width:118px;
  height:118px;
  left:-25px;
  top:-30px;
  border-radius:50%;
  opacity:.34;
  pointer-events:none;
}
.audience-card--parents::before{background:#f5e8e1;}
.audience-card--community::before{background:#edf0e4;}
.audience-card--recruit::before{background:#f6eadf;}
.audience-card--nordic:hover{
  transform:translateY(-3px);
  border-color:rgba(109,78,58,.25);
  box-shadow:0 14px 30px rgba(69,48,34,.08);
}
.audience-nordic-art{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:112px;
  height:92px;
}
.audience-nordic-art svg{
  display:block;
  width:100%;
  height:100%;
}
.audience-nordic-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
.audience-nordic-kicker{
  display:block;
  margin-bottom:7px;
  color:#826855;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:12px;
  font-weight:600;
  line-height:1;
  letter-spacing:.15em;
}
.audience-card--nordic strong{
  display:block;
  margin:0;
  color:#3e291c;
  font-family:"Noto Serif JP","Yu Mincho",serif;
  font-size:23px;
  font-weight:500;
  line-height:1.35;
}
.audience-card--nordic small{
  display:block;
  margin-top:10px;
  color:#816b5c;
  font-size:12px;
  font-weight:500;
  line-height:1.5;
}
.audience-nordic-arrow{
  position:relative;
  z-index:1;
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:50%;
  background:#f5ece5;
  color:#6b4935;
  font-family:Arial,sans-serif;
  font-size:17px;
  transition:transform .2s ease, background .2s ease;
}
.audience-card--community .audience-nordic-arrow{background:#f0f1e9;}
.audience-card--recruit .audience-nordic-arrow{background:#f6ede5;}
.audience-card--nordic:hover .audience-nordic-arrow{
  transform:translateX(3px);
}
/* Phase10 v8: audience typography/readability refinement */
.audience-card--nordic{
  grid-template-columns:104px minmax(0,1fr) 36px;
  gap:13px;
  padding:22px 18px 22px 16px;
}
.audience-nordic-art{
  width:112px;
  height:92px;
  transform:translateX(-4px);
}
.audience-nordic-kicker{
  margin-bottom:8px;
  color:#6f5544;
  font-size:12px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:.13em;
}
.audience-card--nordic strong{
  color:#332117;
  font-size:22px;
  font-weight:600;
  line-height:1.32;
  letter-spacing:.01em;
}
.audience-card--nordic small{
  margin-top:8px;
  color:#6b5546;
  font-size:12.5px;
  font-weight:500;
  line-height:1.55;
}
.audience-nordic-arrow{
  width:36px;
  height:36px;
  color:#5d3e2d;
  font-size:16px;
}

/* abstract Nordic palette */
.audience-nordic-art .tone-sage{fill:#9faa98;}
.audience-nordic-art .tone-sage-dark{fill:#7f907c;}
.audience-nordic-art .tone-terra{fill:#c98667;}
.audience-nordic-art .tone-terra-soft{fill:#c99677;}
.audience-nordic-art .tone-beige{fill:#d8c0a7;}
.audience-nordic-art .tone-beige-2{fill:#c9ab8e;}
.audience-nordic-art .tone-paper{fill:#f8f1e8;}
.audience-nordic-art .tone-brown-soft{fill:#8b705d;}
.audience-nordic-art .sprout-stem{
  fill:none;
  stroke:#809278;
  stroke-width:4;
  stroke-linecap:round;
}
.audience-nordic-art .sprout-leaf{
  fill:#9baa91;
  stroke:none;
}
.audience-nordic-art .sprout-leaf--right{fill:#829477;}

@media (max-width:980px){
  .audience-card--nordic{
    grid-template-columns:84px minmax(0,1fr) 36px;
    gap:13px;
    min-height:148px;
    padding:18px 16px;
  }
  .audience-nordic-art{width:84px;height:76px;}
  .audience-card--nordic strong{font-size:20px;}
  .audience-nordic-arrow{width:34px;height:34px;font-size:15px;}
}
@media (max-width:700px){
  .audience-grid--nordic{
    gap:14px;
  }
  .audience-card--nordic{
    grid-template-columns:78px minmax(0,1fr) 34px;
    gap:14px;
    min-height:118px;
    padding:14px 14px 14px 12px;
    border-radius:14px;
  }
  .audience-card--nordic::before{
    width:90px;
    height:90px;
    left:-28px;
    top:-34px;
  }
  .audience-nordic-art{width:78px;height:68px;}
  .audience-nordic-kicker{margin-bottom:5px;font-size:10px;letter-spacing:.12em;}
  .audience-card--nordic strong{font-size:18px;}
  .audience-card--nordic small{margin-top:6px;font-size:10px;}
  .audience-nordic-arrow{width:32px;height:32px;font-size:14px;}
}

/* Phase10 v8 responsive readability */
@media (max-width:980px){
  .audience-card--nordic{grid-template-columns:82px minmax(0,1fr) 32px;gap:11px;padding:18px 13px;}
  .audience-nordic-art{width:84px;height:76px;transform:translateX(-2px);}
  .audience-nordic-kicker{font-size:10.5px;line-height:1.15;letter-spacing:.11em;}
  .audience-card--nordic strong{font-size:19px;font-weight:600;line-height:1.34;}
  .audience-card--nordic small{font-size:11px;line-height:1.5;}
  .audience-nordic-arrow{width:32px;height:32px;font-size:14px;}
}
@media (max-width:700px){
  .audience-card--nordic{grid-template-columns:78px minmax(0,1fr) 30px;gap:12px;padding:15px 12px;}
  .audience-nordic-art{width:78px;height:68px;transform:none;}
  .audience-nordic-kicker{margin-bottom:5px;color:#654a3a;font-size:10.5px;font-weight:600;letter-spacing:.10em;}
  .audience-card--nordic strong{font-size:18px;font-weight:600;line-height:1.35;}
  .audience-card--nordic small{margin-top:6px;color:#695345;font-size:10.5px;line-height:1.5;}
  .audience-nordic-arrow{width:30px;height:30px;font-size:13px;}
}

/* =========================================================
   Phase10 v9 : News & Information Nordic refinement
   ========================================================= */
.news-nordic-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 7% 16%, rgba(201,171,142,.10) 0 72px, transparent 73px),
    linear-gradient(180deg,#f7eee8 0%,#f8f1eb 100%);
}
.news-nordic-section::before,
.news-nordic-section::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  opacity:.34;
}
.news-nordic-section::before{
  right:36px;
  top:54px;
  width:82px;
  height:46px;
  border-radius:82% 18% 78% 22% / 76% 22% 78% 24%;
  background:#dfe5dc;
  transform:rotate(-28deg);
}
.news-nordic-section::after{
  right:78px;
  top:84px;
  width:54px;
  height:34px;
  border-radius:18% 82% 22% 78% / 24% 76% 22% 78%;
  background:#ecd3c5;
  transform:rotate(24deg);
}
.news-nordic-section .home-shell{
  position:relative;
  z-index:1;
}
.news-nordic-heading{
  margin-bottom:32px;
}
.news-nordic-heading .eyebrow{
  color:#806453;
}
.news-nordic-heading h2::after{
  background:#c99a7d;
}
.information-card--nordic{
  overflow:hidden;
  border:1px solid rgba(116,83,62,.12);
  border-radius:20px;
  background:rgba(255,253,250,.96);
  box-shadow:0 16px 36px rgba(72,48,33,.07);
}
.information-card--nordic .information-header{
  position:relative;
  padding:24px 28px 18px;
  border-bottom:1px solid #eadfd7;
  background:linear-gradient(90deg,rgba(250,247,242,.94),rgba(255,253,250,.96));
}
.information-card--nordic .information-header::after{
  content:"";
  position:absolute;
  right:28px;
  top:25px;
  width:46px;
  height:18px;
  border-top:1px solid #c9a58d;
  border-bottom:1px solid #d9c1b1;
  opacity:.75;
}
.information-card--nordic .information-header p{
  margin-bottom:5px;
  color:#8b6c58;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.18em;
}
.information-card--nordic .information-header h3{
  color:#3c281d;
  font-size:22px;
  font-weight:600;
}
.information-card--nordic .information-list{
  padding:0 28px 12px;
}
.information-card--nordic .information-item{
  position:relative;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:62px;
  padding:13px 18px 13px 14px;
  border-bottom:1px solid #eadfd7;
  transition:background .18s ease;
}
.information-card--nordic .information-item:last-child{
  border-bottom:0;
}
.information-card--nordic .information-item::before{
  content:"";
  width:7px;
  height:7px;
  position:absolute;
  left:0;
  top:50%;
  border-radius:50%;
  transform:translateY(-50%);
  background:#b9a99d;
}
.information-card--nordic .information-item--monthly::before{background:#7f9a93;}
.information-card--nordic .information-item--kawara::before{background:#c87a5d;}
.information-card--nordic .information-item--community::before{background:#9cab8f;}
.information-card--nordic .information-item--parents::before{background:#c9ad96;}
.information-card--nordic .information-item--recruit::before{background:#aa8d79;}
.information-card--nordic .information-item:hover{
  background:#fbf8f4;
}
.information-card--nordic .information-date{
  color:#775d4d;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:16px;
  font-weight:600;
  letter-spacing:.02em;
}
.information-card--nordic .information-copy{
  margin:0;
  color:#3f342d;
  font-size:14px;
  line-height:1.75;
}
.information-card--nordic .information-copy a{
  color:#4c392d;
  text-decoration-color:#c7ad9d;
  text-underline-offset:3px;
}
.information-card--nordic .information-copy a:hover{
  color:#8b5d43;
}
.information-card--nordic .new-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  margin-right:10px;
  padding:4px 8px 3px;
  border-radius:999px;
  background:#c87c65;
  color:#fff;
  font-size:9px;
  font-weight:700;
  line-height:1;
  letter-spacing:.08em;
}
@media (max-width:700px){
  .news-nordic-section::before{right:-18px;top:42px;width:68px;height:38px;}
  .news-nordic-section::after{right:18px;top:72px;width:44px;height:28px;}
  .news-nordic-heading{margin-bottom:22px;}
  .information-card--nordic{border-radius:16px;}
  .information-card--nordic .information-header{padding:18px 18px 14px;}
  .information-card--nordic .information-header::after{right:18px;top:21px;width:34px;}
  .information-card--nordic .information-header h3{font-size:19px;}
  .information-card--nordic .information-list{padding:0 16px 8px;}
  .information-card--nordic .information-item{
    grid-template-columns:52px minmax(0,1fr);
    gap:8px;
    min-height:58px;
    padding:12px 6px 12px 12px;
  }
  .information-card--nordic .information-date{font-size:14px;}
  .information-card--nordic .information-copy{font-size:12px;line-height:1.65;}
  .information-card--nordic .new-badge{min-width:36px;margin-right:6px;padding:4px 6px 3px;font-size:8px;}
}


/* =========================================================
   Phase10 v10 : Visit & Contact refinement
   ========================================================= */
.visit-contact-section{
  position:relative;
  overflow:hidden;
  background:#fbf8f3;
}
.visit-contact-section::before{
  content:"";
  position:absolute;
  left:-52px;
  bottom:-54px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(205,178,154,.08);
  pointer-events:none;
}
.visit-contact-section .home-shell{
  position:relative;
  z-index:1;
}
.visit-contact-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:34px 38px;
  border:1px solid rgba(126,91,67,.13);
  border-radius:22px;
  background:
    linear-gradient(105deg,#fffaf5 0%,#fffdf9 58%,#f2f6ef 100%);
  box-shadow:0 15px 34px rgba(72,48,33,.065);
}
.visit-contact-card::before,
.visit-contact-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  opacity:.42;
}
.visit-contact-card::before{
  right:44px;
  top:-24px;
  width:82px;
  height:50px;
  border-radius:82% 18% 78% 22% / 76% 22% 78% 24%;
  background:#dfe7dd;
  transform:rotate(-26deg);
}
.visit-contact-card::after{
  right:106px;
  bottom:-18px;
  width:62px;
  height:40px;
  border-radius:18% 82% 22% 78% / 24% 76% 22% 78%;
  background:#efd9ca;
  transform:rotate(24deg);
}
.visit-contact-copy,
.visit-contact-card .home-cta-actions{
  position:relative;
  z-index:1;
}
.visit-contact-card .eyebrow{
  position:relative;
  display:inline-block;
  margin-bottom:12px;
  color:#806453;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.19em;
}
.visit-contact-card .eyebrow::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:34px;
  height:1px;
  background:#c99a7d;
}
.visit-contact-card h2{
  margin-top:6px;
  color:#3c281d;
  font-family:"Noto Serif JP","Yu Mincho",serif;
  font-size:clamp(24px,2.35vw,32px);
  font-weight:500;
  line-height:1.48;
  letter-spacing:.025em;
}
.visit-contact-card .visit-contact-copy > p:last-child{
  margin-top:13px;
  color:#66584f;
  font-size:14px;
  line-height:1.8;
}
.visit-contact-card .home-cta-actions{
  gap:12px;
}
.visit-contact-card .button{
  min-height:46px;
  border-radius:9px;
  box-shadow:none;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.visit-contact-card .button:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(69,48,34,.08);
}
.visit-contact-card .button--secondary{
  border-color:#dfd1c5;
  background:#f7eee7;
  color:#5f493b;
}
@media (max-width:700px){
  .visit-contact-section::before{
    left:-58px;
    bottom:-66px;
    width:132px;
    height:132px;
  }
  .visit-contact-card{
    padding:26px 22px 24px;
    border-radius:18px;
    background:linear-gradient(145deg,#fffaf5 0%,#fffdf9 62%,#f1f5ee 100%);
  }
  .visit-contact-card::before{
    right:-16px;
    top:-18px;
    width:66px;
    height:40px;
  }
  .visit-contact-card::after{
    right:24px;
    bottom:-16px;
    width:48px;
    height:30px;
  }
  .visit-contact-card .eyebrow{
    margin-bottom:10px;
    font-size:10px;
  }
  .visit-contact-card h2{
    margin-top:7px;
    font-size:22px;
    line-height:1.5;
  }
  .visit-contact-card .visit-contact-copy > p:last-child{
    margin-top:10px;
    font-size:12px;
    line-height:1.7;
  }
  .visit-contact-card .home-cta-actions{
    margin-top:18px;
    gap:10px;
  }
  .visit-contact-card .button{
    min-height:44px;
  }
}
