/* SEO service pages extend the established Project Mentoring visual system. */
.service-menu{position:relative}
.service-menu summary{list-style:none;cursor:pointer;padding:10px 0}
.service-menu summary::-webkit-details-marker{display:none}
.service-menu summary::after{content:'＋';margin-left:7px;color:var(--accent);font-size:11px}
.service-menu[open] summary::after{content:'−'}
.service-menu>div{position:absolute;top:42px;left:-20px;z-index:60;width:260px;padding:12px 20px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(28,37,31,.1)}
.service-menu>div a{display:block;padding:9px 0;border-bottom:1px solid #eeefeb}
.service-menu>div a:last-child{border-bottom:0}
.service-index{padding:72px 0 82px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-index-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:36px}
.service-index-head h2{font-size:32px}
.service-index-head p{color:var(--body);line-height:2;max-width:590px}
.service-index-links{border-top:1px solid var(--ink)}
.service-index-links a{display:grid;grid-template-columns:54px minmax(240px,.85fr) 1fr 24px;gap:24px;align-items:center;min-height:88px;border-bottom:1px solid var(--line)}
.service-index-links span{font-family:Georgia,serif;color:var(--accent)}
.service-index-links strong{font-family:var(--serif);font-size:19px;font-weight:600}
.service-index-links small{color:var(--body);font-size:13px}
.service-index-links a::after{content:'→';grid-column:4;justify-self:end;color:var(--accent)}
.faq-more{margin-top:26px}
.consultation-display{font-family:var(--serif);font-size:46px;font-weight:600;line-height:1.65;letter-spacing:.03em;margin-bottom:34px}
.footer-nav-groups{align-items:flex-start;gap:64px}
.footer-nav-groups>div{display:grid;gap:7px;min-width:150px}
.footer-nav-groups strong{font-size:11px;color:var(--ink);letter-spacing:.08em;margin-bottom:3px}

.seo-page-main{background:#fff}
.breadcrumb{padding-top:30px;font-size:12px;color:#707872}
.breadcrumb ol{list-style:none;display:flex;align-items:center;gap:10px;margin:0;padding:0}
.breadcrumb li+li::before{content:'›';margin-right:10px;color:#a8ada8}
.breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.seo-hero{padding:70px 0 82px;border-bottom:1px solid var(--line)}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:70px;align-items:end}
.seo-kicker{font-size:13px;font-weight:700;letter-spacing:.09em;color:var(--accent);margin-bottom:22px}
.seo-hero h1{font-size:44px;line-height:1.58;letter-spacing:.025em}
.seo-hero-lead{font-size:17px;line-height:2;color:var(--body);margin-top:26px;max-width:650px}
.seo-hero-aside{border-top:2px solid var(--accent);padding-top:24px}
.seo-hero-aside strong{display:block;font-family:var(--serif);font-size:22px;margin-bottom:13px;word-break:keep-all}
.seo-hero-aside p{font-size:14px;line-height:2;color:var(--body)}
.seo-hero .button{margin-top:30px}
.seo-section{padding:88px 0}
.seo-section.tinted{background:var(--paper)}
.seo-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:42px;align-items:start}
.seo-heading h2{font-size:34px}
.seo-heading>div>p,.seo-heading>p{color:var(--body);line-height:2}
.seo-heading>div>p{margin-top:15px}
.difference-list{border-top:1px solid var(--ink)}
.difference-list>div{display:grid;grid-template-columns:210px 1fr;gap:52px;padding:26px 0;border-bottom:1px solid var(--line)}
.difference-list dt{font-weight:700;color:var(--accent)}
.difference-list dd{margin:0;color:var(--body);line-height:1.95}
.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
.process-list li{padding:25px 22px 28px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.process-list li:first-child{border-left:1px solid var(--line)}
.process-list span{font-family:Georgia,serif;color:var(--accent);font-size:13px}
.process-list h3{font-family:var(--serif);font-size:20px;margin:9px 0}
.process-list p{font-size:13px;line-height:1.9;color:var(--body)}
.theme-examples{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--ink)}
.theme-examples article{padding:28px 30px;border-bottom:1px solid var(--line)}
.theme-examples article:nth-child(odd){border-right:1px solid var(--line)}
.theme-examples h3{font-family:var(--serif);font-size:20px;margin-bottom:9px}
.theme-examples p{font-size:14px;line-height:1.9;color:var(--body)}
.scope-note{font-size:12px;color:#737a75;margin-top:22px}
.seo-offer{background:#303a36;color:#fff}
.seo-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.seo-offer h2{font-size:34px}
.seo-offer .offer-price{font-family:var(--serif);font-size:36px;margin:14px 0 7px}
.seo-offer .offer-price small{font-family:var(--sans);font-size:13px}
.seo-offer p{color:#d9ded9;line-height:1.9}
.seo-offer ul{margin:0;padding-left:1.2em;color:#edf0ed;line-height:2}
.related-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.related-pages a{background:#fff;padding:25px;min-height:140px}
.related-pages span{font-size:11px;color:var(--accent)}
.related-pages strong{display:block;font-family:var(--serif);font-size:19px;margin:9px 0}
.related-pages small{color:var(--body);line-height:1.7}
.seo-cta{text-align:center;padding:88px 0;background:var(--paper)}
.seo-cta h2{font-size:34px;margin-bottom:16px}
.seo-cta p{color:var(--body);margin-bottom:25px}
.seo-faq{max-width:860px;margin:auto}
.seo-faq .faq-list{border-top:1px solid var(--ink)}
.seo-page-footer .footer-main{align-items:flex-start}
.seo-page-footer .footer-bottom a{text-decoration:underline;text-underline-offset:3px}
.page-mobile-menu{display:none;margin-left:auto;position:relative}
.page-mobile-menu summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;font-size:0;border:1px solid var(--line)}
.page-mobile-menu summary::before{content:'☰';font-size:20px}
.page-mobile-menu summary::-webkit-details-marker{display:none}
.page-mobile-menu nav{position:absolute;right:0;top:52px;width:min(310px,calc(100vw - 32px));padding:12px 20px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(28,37,31,.12)}
.page-mobile-menu a{display:block;padding:10px 0;border-bottom:1px solid #eeefeb;font-size:13px}

@media(max-width:1000px){
  .service-index-head,.seo-heading,.seo-hero-grid,.seo-offer-grid{grid-template-columns:1fr;gap:28px}
  .process-list{grid-template-columns:repeat(2,1fr)}
  .desktop-nav{display:none}
  .page-mobile-menu{display:block}
  .seo-page-header .header-cta{margin-left:0}
}
@media(max-width:700px){
  .service-index{padding:56px 0 62px}
  .service-index-head{margin-bottom:26px}
  .service-index-head h2,.seo-heading h2,.seo-offer h2,.seo-cta h2{font-size:26px}
  .service-index-links a{grid-template-columns:32px 1fr 18px;gap:12px;padding:18px 0;min-height:0}
  .service-index-links small{grid-column:2/4;margin-top:-7px}
  .service-index-links a::after{grid-column:3;grid-row:1}
  .footer-nav-groups{display:grid!important;grid-template-columns:1fr 1fr;gap:30px}
  .breadcrumb{padding-top:20px}
  .seo-hero{padding:45px 0 58px}
  .seo-hero h1{font-size:34px;line-height:1.6}
  .seo-hero-aside strong{font-size:20px}
  .seo-hero-lead{font-size:15px}
  .seo-section{padding:62px 0}
  .difference-list>div{grid-template-columns:1fr;gap:8px;padding:22px 0}
  .process-list{grid-template-columns:1fr}
  .process-list li,.process-list li:first-child{border-left:1px solid var(--line)}
  .theme-examples{grid-template-columns:1fr}
  .theme-examples article:nth-child(odd){border-right:0}
  .related-pages{grid-template-columns:1fr}
  .related-pages a{min-height:0}
  .seo-page-header .brand-type{font-size:13px}
  .seo-page-header .brand-type small{font-size:8px}
  .seo-page-header .header-cta{display:none}
  .seo-page-footer .footer-main{display:grid;gap:28px}
  .consultation-display{font-size:34px}
}