/* ギルドイエロー：AIハッカソンLP（/ai-hackathon/）と同じテイストの配色・部品（書体は元のまま）
   地＝生成り #f7f1e6、主役＝ギルドの黄色 #ffd900、文字＝墨 #272821、差し色＝深緑 #536c48
   斜めの演出は使わない。元に戻すときは html の data-palette を mono-stone に戻すだけでよい。 */

html[data-palette="guild-yellow"]{
  --ink:#272821;--green:#272821;--cream:#f7f1e6;--orange:#ffd900;--line:#d9cfb4;--muted:#68665c;--yellow:#ffd900;
  --soft:#efe6d1;--soft-strong:#e7dcc2;--join:#ffd900;--hero-rgb:247,241,230;--card:#fffcf5;
  --badge:#ffd900;--badge-ink:#272821;--accent-light:#ffd900;--section-light:#f7f1e6;--section-muted:#b8b29f;
  --voice:#272821;--shadow:#272821;--on-strong:#fffcf5;--cta-ink:#272821;--primary-ink:#ffffff;
  --hero-accent:#536c48;--ticker-ink:#ffd900;--closing-bg:#ffd900;--closing-ink:#272821;
}
html[data-palette="guild-yellow"] body{overflow-x:clip}

/* ヘッダー：生成りの板に墨の細枠 */
html[data-palette="guild-yellow"] .header{border:1.5px solid var(--ink);box-shadow:none}
html[data-palette="guild-yellow"] .header nav .nav-join{background:var(--yellow);color:var(--ink);border:1.5px solid var(--ink)}
html[data-palette="guild-yellow"] .header nav .nav-line{border:1.5px solid #4f8f3f}

/* ボタン：墨のベタ（主）と黄色（入会） */
html[data-palette="guild-yellow"] :is(.button,.conversion-button,.event-book){border-radius:4px}
html[data-palette="guild-yellow"] .cta-guild,html[data-palette="guild-yellow"] .orange{background:var(--yellow);color:var(--ink);border:1.5px solid var(--ink);box-shadow:0 4px 0 var(--ink)}
html[data-palette="guild-yellow"] .event-book{background:var(--ink);color:#fff}

/* バッジ：黄色地に墨 */
html[data-palette="guild-yellow"] .event-status{background:var(--yellow);color:var(--ink);font-weight:700}
html[data-palette="guild-yellow"] .event-status.is-open{background:var(--ink);color:var(--yellow)}

/* カード：生成りの白に金茶の枠＋右上の黄色い三角（ハッカソンLPの .card と同じ） */
html[data-palette="guild-yellow"] :is(.upcoming-card,.activity-card,.join-options article,.opportunity,.connection-grid article,.workspace-panel,.featured-lesson,.event-line-banner,.guide-grid article,.guide-cta){position:relative;border:1.5px solid #c3a937;background:var(--card)}
html[data-palette="guild-yellow"] :is(.upcoming-card,.activity-card,.join-options article,.opportunity,.connection-grid article,.guide-grid article,.guide-cta)::after{content:'';position:absolute;top:-1.5px;right:-1.5px;width:30px;height:30px;background:var(--yellow);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;z-index:1}
html[data-palette="guild-yellow"] .upcoming-card{border-radius:16px;overflow:hidden}
html[data-palette="guild-yellow"] .event-line-banner{border-left:5px solid #06c755}

/* 見出しの下に黄色の短い線（中央寄せの見出しだけ） */
html[data-palette="guild-yellow"] .overview-heading h2::after{content:'';display:block;width:34px;height:3px;background:var(--yellow);margin:16px auto 0}

/* 強調：本文中の em は深緑、ヒーローの「AI」も深緑 */
html[data-palette="guild-yellow"] em{color:#536c48}

/* セクションの帯 */
html[data-palette="guild-yellow"] .ticker{background:var(--ink)}
html[data-palette="guild-yellow"] .join{background:var(--yellow)}
html[data-palette="guild-yellow"] .closing .conversion-button.cta-line{border:1.5px solid var(--ink)}
html[data-palette="guild-yellow"] .street-sign{border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink)}
html[data-palette="guild-yellow"] .live-dot{background:#536c48;box-shadow:0 0 0 5px #536c4820}
html[data-palette="guild-yellow"] :is(a,button,summary):focus-visible{outline-color:var(--ink)}
html[data-palette="guild-yellow"] .brand img{mix-blend-mode:multiply}