/* 新しい活用ガイド共通。色・書体・ヘッダー・フッター・CTAはabout.cssを利用。 */
.guide-content { width:min(1120px,100% - 40px); margin:auto; padding:24px 0 64px; }
.guide-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
.guide-breadcrumbs a { text-decoration:none; }
.guide-intro { padding:48px 0; }
.guide-description { margin-top:22px; color:#65666b; font-size:16px; line-height:1.9; }
.guide-article-hero { display:grid; gap:32px; align-items:center; padding:40px 0 48px; }
.guide-article-hero h1 { font-size:clamp(28px,6vw,48px); text-wrap:balance; }
.guide-block { padding:40px 0; border-top:1px solid var(--line); }
.guide-block h2 { font-size:clamp(24px,4vw,32px); }
.guide-block h3 { font-size:20px; }
.guide-block p { font-size:15px; color:#65666b; line-height:1.9; }
.guide-block .section-heading { margin-bottom:24px; }
.guide-card-grid { display:grid; gap:20px; }
.guide-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--line); border-radius:16px; overflow:hidden; color:var(--ink); text-decoration:none; }
a.guide-card:hover { border-color:var(--accent); color:var(--ink); }
.guide-card__body { display:flex; flex:1; flex-direction:column; padding:24px; }
.guide-card__body .eyebrow { font-size:12px; margin-bottom:12px; }
.guide-card__body > p:not(.eyebrow) { margin-top:12px; }
.guide-card__link { display:block; margin-top:auto; padding-top:24px; color:var(--accent); font-size:14px; font-weight:650; }
.guide-card--planned { background:#fafafb; }
.guide-card__status { align-self:flex-start; margin-top:24px; border:1px solid var(--line); border-radius:6px; padding:3px 10px; font-size:12px; color:var(--muted); }
.guide-media { margin:0; padding:20px; border-radius:16px; background:#f5f5f7; }
.guide-image-placeholder { display:flex; align-items:center; justify-content:center; width:100%; min-height:340px; border:1px dashed #b8b9bf; border-radius:12px; padding:24px; color:#65666b; font-size:15px; line-height:1.8; text-align:center; overflow-wrap:anywhere; }
.guide-media--wide .guide-image-placeholder { min-height:240px; }
.guide-shot { display:block; width:100%; max-width:420px; height:auto; margin:auto; border-radius:12px; }
.guide-media--wide .guide-shot { max-width:100%; }
.guide-media--preview .guide-shot { max-width:260px; }
.guide-media figcaption { margin-top:14px; color:var(--muted); font-size:12px; text-align:center; }
.guide-card > .guide-media { border-radius:0; }
.guide-steps { display:grid; gap:32px; margin:0; padding:0; list-style:none; }
.guide-steps li { min-width:0; }
.guide-step__copy { margin-bottom:18px; }
.guide-step__copy p { margin-top:10px; }
.guide-feature-grid { display:grid; gap:32px; }
.guide-feature-grid p { margin:12px 0 20px; }
.guide-block .guide-note { margin-top:24px; font-size:13px; }
.guide-note a,.guide-answer a { color:var(--accent); }
.guide-faq details { border-bottom:1px solid var(--line); }
.guide-faq summary { min-height:48px; padding:20px 0; font-size:15px; }
.guide-answer { padding-bottom:24px; }
.guide-answer .guide-media { max-width:500px; margin:20px 0; }
.guide-answer p + p { margin-top:12px; }
.guide-related-links { display:grid; gap:12px; }
.guide-related-links a { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:56px; border:1px solid var(--line); border-radius:12px; padding:16px 20px; font-size:15px; text-decoration:none; }
.guide-related-links a span { color:var(--accent); }
.guide-site .about-footer { padding-bottom:0; }
.guide-site .final-cta { padding:48px 0; }
@media (min-width:761px) {
  .guide-content { width:min(1120px,100% - 64px); }
  .guide-article-hero { grid-template-columns:1.2fr 1fr; gap:48px; padding:56px 0 64px; }
  .guide-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .guide-card--featured { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1.2fr; }
  .guide-card--featured > .guide-media { display:flex; flex-direction:column; justify-content:center; align-items:center; }
  .guide-steps,.guide-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .guide-steps { align-items:start; }
  .guide-step__copy { min-height:136px; }
  .guide-block { padding:56px 0; }
  .guide-intro { padding:56px 0; }
}
@media (max-width:370px) {
  .guide-content { width:calc(100% - 32px); }
  .guide-breadcrumbs { font-size:11px; }
  .guide-article-hero .hero-actions { gap:16px; flex-wrap:wrap; }
}

.guide-jump-links { display:flex; flex-wrap:wrap; gap:10px 20px; padding:22px 0 0; font-size:14px; }
.guide-jump-links a,.guide-step__copy a { color:var(--accent); text-underline-offset:4px; }
.guide-site section[id] { scroll-margin-top:88px; }