/* セミナー申込ページ専用。03の白黒・余白・額縁に、小さな金属アクセント。
   読み込み条件: body[data-event-design="03-gold"]。
   現行HTML・本文・入力項目・hidden/disabled・状態の意味色は変更しない。
   デザイン参考の取得範囲は EVENT_REFERENCE.md に記録。 */
body[data-event-design="03-gold"]{
  --ink:#171717;--gray:#575757;--mute:#626262;--muted:#575757;--paper:#fff;--cream:#f5f5f3;--line:#dededb;--w:#fff;
  --gold:#805b26;
  --event-metal:linear-gradient(132deg,#9c7135 0%,#e4cd9f 17%,#fff7dd 29%,#a47b39 45%,#dac18d 61%,#fff7e2 74%,#9c7135 100%);
  --event-metal-line:linear-gradient(90deg,#806032,#c4a571 25%,#f7e6bd 46%,#aa8041 70%,#e7d2a4);
  background:#fff;color:#171717;
}
body[data-event-design="03-gold"]::before{background:none}
body[data-event-design="03-gold"] main{width:100%;max-width:1264px;padding:0 48px;font-size:16px}
body[data-event-design="03-gold"] :is(main,.hero,.hero > div,.panel,.details,.details > *,form,.check,.check span,.route-grid,.event-facts){min-width:0}
body[data-event-design="03-gold"] :is(main p,main h1,main h2,main h3,main label,main button,.event-facts td,.event-facts th,.agenda-list li){overflow-wrap:anywhere}
body[data-event-design="03-gold"] .hero{padding:80px 0 100px;grid-template-columns:minmax(0,1.2fr) minmax(340px,.85fr);gap:clamp(38px,5vw,76px);align-items:start}
body[data-event-design="03-gold"] .eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px;font-family:var(--sans);font-style:normal;font-size:14px;font-weight:600;letter-spacing:.06em;color:#484848}
body[data-event-design="03-gold"] .eyebrow::before{content:"";flex:0 0 38px;height:3px;background:var(--event-metal-line)}
body[data-event-design="03-gold"] .hero h1{font-size:clamp(40px,4.5vw,64px);font-weight:400;line-height:1.2;letter-spacing:-.025em;text-wrap:balance;margin:0 0 34px}
body[data-event-design="03-gold"] .hero h1 .title-description{font-size:.61em;line-height:1.65;letter-spacing:.025em;margin-top:.45em}
body[data-event-design="03-gold"] .organizer{font-size:16px;color:#404040;margin:28px 0;font-weight:600}
body[data-event-design="03-gold"] .overview{max-width:630px}
body[data-event-design="03-gold"] .overview p{font-size:16px;color:#474747;line-height:2;margin:24px 0}
body[data-event-design="03-gold"] .overview p:first-child{font-size:17px;line-height:1.95;color:#252525}
body[data-event-design="03-gold"] #page-headline{color:#353535;font-size:18px;line-height:1.9}
body[data-event-design="03-gold"] #product-oneliner{color:#4c4c4c;font-size:16px;line-height:2}
body[data-event-design="03-gold"] .jump-link{font-size:16px;font-weight:600;color:#171717;gap:20px;text-decoration:none;border-bottom:1px solid #707070;min-height:48px;margin-top:20px;position:relative}
body[data-event-design="03-gold"] .jump-link::after{content:"";position:absolute;left:0;bottom:-1px;width:36px;height:2px;background:var(--event-metal-line)}
body[data-event-design="03-gold"] .panel{padding:clamp(26px,3vw,40px);border:1px solid transparent;border-radius:28px;background:linear-gradient(#fff,#fff) padding-box,var(--event-metal) border-box;box-shadow:0 16px 46px -34px rgba(23,23,23,.18)}
body[data-event-design="03-gold"] #reservation{scroll-margin-top:96px}
body[data-event-design="03-gold"] .panel h2{font-size:clamp(25px,2.6vw,34px);font-weight:400;line-height:1.55;margin:0 0 22px;letter-spacing:.025em}
body[data-event-design="03-gold"] .panel h2::before{content:"";display:block;width:42px;height:3px;background:var(--event-metal-line);margin:0 0 22px}
body[data-event-design="03-gold"] .panel > p{font-size:16px;line-height:1.9;color:#535353}
body[data-event-design="03-gold"] #reservation-form{margin-top:28px}
body[data-event-design="03-gold"] #reservation-form > p{margin:0 0 22px}
body[data-event-design="03-gold"] label{font-size:16px;font-weight:600;margin-bottom:10px;color:#252525;line-height:1.8}
body[data-event-design="03-gold"] input[type="email"]{min-height:54px;border:1px solid #90908c;border-radius:10px;padding:13px 15px;background:#fff;color:#171717;font-size:16px}
body[data-event-design="03-gold"] input[type="email"]::placeholder{color:#6b6b66}
body[data-event-design="03-gold"] .small{display:block;color:#626262;font-size:14px;line-height:1.9}
body[data-event-design="03-gold"] .small a{font-size:16px}
body[data-event-design="03-gold"] #email-note{margin-top:8px;font-size:16px}
body[data-event-design="03-gold"] .check{grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:16px;font-weight:400;line-height:1.9;margin:22px 0;color:#4a4a4a}
body[data-event-design="03-gold"] .check input{width:20px;height:20px;margin-top:4px;accent-color:#171717}
body[data-event-design="03-gold"] .check a{color:#292929;text-underline-offset:4px}
body[data-event-design="03-gold"] .primary{min-height:54px;border:1px solid transparent;border-radius:999px;background:linear-gradient(#171717,#171717) padding-box,var(--event-metal) border-box;color:#fff;padding:14px 20px;font-size:16px;font-weight:600}
body[data-event-design="03-gold"] .primary:hover:not(:disabled){background:linear-gradient(#333,#333) padding-box,var(--event-metal) border-box}
body[data-event-design="03-gold"] #submit:disabled{opacity:.65}
body[data-event-design="03-gold"] .secondary{min-height:48px;border:1px solid #b6b6b0;border-radius:999px;background:#fff;color:#272727;font-size:16px;padding:12px 18px}
body[data-event-design="03-gold"] .secondary:hover:not(:disabled){background:#f2f2ef;border-color:#6b6b63}
body[data-event-design="03-gold"] #reservation-notes{margin-top:18px;font-size:16px}
body[data-event-design="03-gold"] .resend-section{margin-top:30px;padding-top:20px;border-top:1px solid #dededb}
body[data-event-design="03-gold"] .resend-section summary{font-size:16px;line-height:1.9;min-height:44px;color:#333}
body[data-event-design="03-gold"] .resend-section p{font-size:16px;line-height:1.95;color:#575757}
body[data-event-design="03-gold"] .status,body[data-event-design="03-gold"] .error-summary{border-radius:10px;font-size:16px;line-height:1.9;padding:14px 16px}
/* status / error-summary の文字色・背景色は元の意味色（警告・成功・エラー）を維持する。 */
body[data-event-design="03-gold"] .preview-notice{border-radius:12px;font-size:14px;margin-top:26px;padding:16px 20px}
body[data-event-design="03-gold"] #event-banner{margin:0 0 36px;border-radius:22px;overflow:hidden}
body[data-event-design="03-gold"] #event-banner > img{border-radius:22px}
body[data-event-design="03-gold"] #event-banner[data-banner-state="ready"]{border-radius:0;overflow:visible}
body[data-event-design="03-gold"] #event-banner[data-banner-state="ready"] > img{border-radius:0;object-fit:contain}
body[data-event-design="03-gold"] [data-banner-placeholder]{border:1px dashed #a5a59e;border-radius:22px;background:#f5f5f3;color:#575757;aspect-ratio:16 / 9}
body[data-event-design="03-gold"] .details{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.72fr);column-gap:76px;row-gap:20px;align-items:start;padding:80px 0 90px;border-top:1px solid #dededb}
body[data-event-design="03-gold"] .details > *{grid-column:2}
body[data-event-design="03-gold"] .details > h2:first-child{grid-column:1;grid-row:1;margin:0;font-size:clamp(25px,2.4vw,34px);font-weight:400;line-height:1.65;letter-spacing:.025em;text-wrap:balance}
body[data-event-design="03-gold"] .details > h2:first-child::before{content:"";display:block;width:44px;height:3px;background:var(--event-metal-line);margin-bottom:24px}
body[data-event-design="03-gold"] .details > p{margin:0;color:#535353;line-height:2}
body[data-event-design="03-gold"] .details > .small{margin-top:0}
body[data-event-design="03-gold"] .event-facts{margin:0;border-top:1px solid #cecec7}
body[data-event-design="03-gold"] .event-facts th,body[data-event-design="03-gold"] .event-facts td{padding:22px 18px;border-bottom:1px solid #dededb;font-size:16px;line-height:1.9}
body[data-event-design="03-gold"] .event-facts th{width:124px;background:#f5f5f3;color:#383838;font-weight:600}
body[data-event-design="03-gold"] .event-facts td{background:#fff;color:#535353}
body[data-event-design="03-gold"] .agenda-list{margin:0;counter-reset:agenda}
body[data-event-design="03-gold"] .agenda-list li{padding:25px 4px 25px 52px;border-color:#dededb;line-height:1.95;font-size:16px;color:#373737}
body[data-event-design="03-gold"] .agenda-list li::before{left:0;top:27px;color:#4c4c4c;font-family:var(--serif);font-style:normal;font-weight:400;font-size:18px;line-height:1.65}
body[data-event-design="03-gold"] .agenda-badge{background:#f3f0e8;color:#5c4b2d;border:1px solid #dacaa9;border-radius:999px;font-size:14px;padding:3px 10px;vertical-align:middle}
body[data-event-design="03-gold"] .benefit-note{margin-top:8px;background:#f6f6f3;border:1px solid transparent;border-radius:22px;background:linear-gradient(#f6f6f3,#f6f6f3) padding-box,var(--event-metal) border-box;padding:24px 26px}
body[data-event-design="03-gold"] .benefit-note p{font-size:16px;color:#474747;line-height:1.95}
body[data-event-design="03-gold"] #recording-info{padding-top:8px}
body[data-event-design="03-gold"] #recording-info h3{font-size:20px;font-weight:400}
body[data-event-design="03-gold"] #recording-info p{color:#575757;font-size:16px;line-height:1.95}
body[data-event-design="03-gold"] .route-grid{gap:18px}
body[data-event-design="03-gold"] .route-grid article,body[data-event-design="03-gold"] .details-grid article{background:#f5f5f3;border:1px solid #ededeb;border-radius:24px;padding:26px}
body[data-event-design="03-gold"] .route-grid h3,body[data-event-design="03-gold"] .details-grid h3{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.6;margin:0 0 14px}
body[data-event-design="03-gold"] .route-grid p,body[data-event-design="03-gold"] .details-grid p{font-size:16px;color:#575757;line-height:1.95;margin:0}
body[data-event-design="03-gold"] #signup-flow > h2:not(:first-child){font-size:25px;font-weight:400;line-height:1.65;margin:25px 0 0}
body[data-event-design="03-gold"] .steps{margin:0;padding-left:1.5em;color:#4c4c4c;font-size:16px}
body[data-event-design="03-gold"] .steps li{padding:10px 0 10px 5px;line-height:1.95}
body[data-event-design="03-gold"] .steps li::marker{color:#484848}
body[data-event-design="03-gold"] .faq-section{margin-top:22px}
body[data-event-design="03-gold"] .faq-section h2{font-size:27px;font-weight:400;line-height:1.65;margin:0 0 24px}
body[data-event-design="03-gold"] .faq-section details{padding:8px 0;border-color:#dededb}
body[data-event-design="03-gold"] .faq-section summary{min-height:48px;font-size:16px;line-height:1.9;font-weight:500;padding:18px 0;color:#333}
body[data-event-design="03-gold"] .faq-section details p{margin:0 0 16px;font-size:16px;color:#575757;line-height:2}
body[data-event-design="03-gold"] :is(input,button,a,summary,section,.status,.error-summary):focus-visible{outline:3px solid #1c5e9e;outline-offset:4px}
body[data-event-design="03-gold"] footer.sitefoot{margin-top:30px;background:#f5f5f3;border-color:#dededb}
body[data-event-design="03-gold"] footer.sitefoot .fl a{box-shadow:none;border:1px solid #e2e2dd;border-radius:18px;background:#fff;font-size:16px}
body[data-event-design="03-gold"] footer.sitefoot .fl a b{font-size:16px}
body[data-event-design="03-gold"] footer.sitefoot .foot{font-size:14px}
body[data-event-design="03-gold"] footer.sitefoot .foot a{font-size:16px}
body[data-event-design="03-gold"] footer.sitefoot .fl a:hover{background:#efefeb;transform:none}

@media(max-width:1100px){
 body[data-event-design="03-gold"] main{padding-inline:30px}
 body[data-event-design="03-gold"] .hero{gap:34px;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}
 body[data-event-design="03-gold"] .panel{padding:28px}
 body[data-event-design="03-gold"] .details{column-gap:38px;grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr)}
 body[data-event-design="03-gold"] .route-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
 body[data-event-design="03-gold"] .hero{grid-template-columns:1fr;padding:54px 0 68px;gap:48px}
 body[data-event-design="03-gold"] .hero > div{max-width:none}
 body[data-event-design="03-gold"] .hero h1{font-size:clamp(40px,7vw,60px)}
 body[data-event-design="03-gold"] .overview{max-width:none}
 body[data-event-design="03-gold"] .panel{max-width:620px;width:100%;margin-inline:auto;padding:34px}
 body[data-event-design="03-gold"] .details{display:block;padding:62px 0}
 body[data-event-design="03-gold"] .details > h2:first-child{font-size:30px;margin-bottom:26px}
 body[data-event-design="03-gold"] .details > h2:first-child::before{margin-bottom:18px}
 body[data-event-design="03-gold"] .details > .small{margin-bottom:20px}
 body[data-event-design="03-gold"] .details > :not(h2,.small){margin-top:22px}
 body[data-event-design="03-gold"] .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
 body[data-event-design="03-gold"] main{padding-inline:20px}
 body[data-event-design="03-gold"] .hero{padding:44px 0 58px;gap:38px}
 body[data-event-design="03-gold"] .eyebrow{font-size:14px;gap:12px;line-height:1.9;margin-bottom:20px}
 body[data-event-design="03-gold"] .eyebrow::before{flex-basis:28px}
 body[data-event-design="03-gold"] .hero h1{font-size:43px;margin-bottom:24px}
 body[data-event-design="03-gold"] .hero h1 .title-description{font-size:.57em}
 body[data-event-design="03-gold"] .overview p{font-size:16px;line-height:2}
 body[data-event-design="03-gold"] .overview p:first-child{font-size:16px}
 body[data-event-design="03-gold"] .panel{padding:28px 22px;border-radius:24px}
 body[data-event-design="03-gold"] .panel h2{font-size:27px}
 body[data-event-design="03-gold"] .details > h2:first-child{font-size:28px}
 body[data-event-design="03-gold"] .event-facts th{width:85px}
 body[data-event-design="03-gold"] .event-facts th,body[data-event-design="03-gold"] .event-facts td{padding:18px 12px;font-size:16px}
 body[data-event-design="03-gold"] .agenda-list li{font-size:16px;padding:22px 0 22px 42px}
 body[data-event-design="03-gold"] .agenda-list li::before{top:22px;font-size:17px}
 body[data-event-design="03-gold"] .agenda-badge{margin-left:0}
 body[data-event-design="03-gold"] .route-grid{grid-template-columns:1fr}
 body[data-event-design="03-gold"] .route-grid article,body[data-event-design="03-gold"] .details-grid article{padding:24px 20px;border-radius:20px}
 body[data-event-design="03-gold"] .benefit-note{padding:22px 20px;border-radius:20px}
 body[data-event-design="03-gold"] .check{font-size:16px;gap:10px}
}
@media(max-width:360px){
 body[data-event-design="03-gold"] main{padding-inline:16px}
 body[data-event-design="03-gold"] .hero h1{font-size:38px}
 body[data-event-design="03-gold"] .panel{padding:25px 18px}
}
@media(prefers-reduced-motion:reduce){body[data-event-design="03-gold"] *,body[data-event-design="03-gold"] *::before,body[data-event-design="03-gold"] *::after{transition:none!important;animation:none!important}}

/* Adopted banner C: preserve the complete image; keep the repeated title compact. */
body.events-page[data-event-design="03-gold"] .hero{padding-top:44px}
body.events-page[data-event-design="03-gold"] #event-banner[data-banner-state="ready"]{margin:0 0 24px}
body.events-page[data-event-design="03-gold"] #event-banner[data-banner-state="ready"] > img{
 display:block;width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:0;
}
body.events-page[data-event-design="03-gold"] .hero h1{font-size:32px;line-height:1.45;margin:0 0 20px;letter-spacing:0}
body.events-page[data-event-design="03-gold"] .hero h1 .title-description{font-size:.75em;line-height:1.6;margin-top:.12em;letter-spacing:0}
body.events-page[data-event-design="03-gold"] .hero .eyebrow{margin-bottom:12px}
body.events-page[data-event-design="03-gold"] .hero .organizer{margin:20px 0}
@media(max-width:600px){
 body.events-page[data-event-design="03-gold"] .hero{padding-top:28px}
 body.events-page[data-event-design="03-gold"] .hero h1{font-size:28px}
 body.events-page[data-event-design="03-gold"] #event-banner[data-banner-state="ready"]{margin-bottom:20px}
}
