/* Introductory guide: full-page atmosphere, readable panels, no new behavior. */
.first-guide-page{position:relative;isolation:isolate;background:#081220;color:#edf0f6}
.first-guide-page::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url('../assets/images/first-guide/first-guide-bg.webp') center top / cover no-repeat}
.first-guide-page::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#070e1b22,#07101e66 45%,#060f1bd9),linear-gradient(0deg,#050d1bd9,transparent 75%)}
.first-guide-page .site-header{background:#091322df;border-color:#b29a5c55}.first-guide-page .header-blog{border:1px solid #bca879;border-radius:24px;padding:7px 13px;font-size:11px;white-space:nowrap}
.guide-container{max-width:1160px;padding-bottom:48px}.guide-intro{min-height:540px;display:flex;align-items:center;padding:64px 0}.guide-intro-copy{width:56%;margin-left:auto}.guide-intro h1{font-family:'Yu Mincho',serif;font-size:clamp(25px,2.8vw,38px);font-weight:500;line-height:1.7;letter-spacing:.02em}.guide-intro h1 em{font-style:normal;color:#e7ce91}.guide-subtitle{margin-top:24px;font-size:16px;color:#e9d6a8}.guide-intro-copy>p:not(.eyebrow):not(.guide-subtitle){margin-top:18px;font-size:14px;color:#d5dce8;line-height:1.95}
.guide-text-link{display:inline-block;margin-top:22px;font-size:13px;color:#e7cc8c;text-decoration:underline;text-underline-offset:5px;padding:4px 0}
.guide-panel{padding:32px;margin-bottom:24px;border:1px solid #ac955c55;border-radius:10px;background:linear-gradient(120deg,#101c2feb,#0a1426ed);scroll-margin-top:24px}.guide-panel .eyebrow{margin-bottom:10px}.guide-panel h2{font-family:'Yu Mincho',serif;font-size:25px;color:#ead9b8;margin-bottom:18px}.guide-panel>p:not(.eyebrow){color:#cad4e3;font-size:14px;max-width:850px}
.guide-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-content-grid>a{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #806c5159;border-radius:7px;background:#142138c4;transition:border-color .2s,background .2s}.guide-category{font-size:9px;letter-spacing:.15em;color:#d6b775}.guide-content-grid h3{font-size:17px;margin:8px 0 10px}.guide-content-grid p{font-size:13px;color:#c4cede;margin-bottom:20px}.guide-link-label{font-size:12px;margin-top:auto;color:#e6cc91}
.guide-route{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.guide-route li{min-width:0}.guide-route a{display:block;height:100%;padding:18px;border-left:1px solid #bda46a77;background:#19243877;border-radius:0 6px 6px 0;transition:background .2s}.guide-route span{font-family:Georgia,serif;font-size:24px;color:#e2c580}.guide-route h3{font-size:16px;margin:8px 0}.guide-route p{font-size:12px;color:#bfcbdc}.guide-route-note{margin-top:22px}
.guide-final{text-align:center;padding:28px 20px 8px}.guide-final h2{font-family:'Yu Mincho',serif;color:#e7d09c;font-size:30px}.guide-final>p:not(.eyebrow){color:#d1dbea;margin-top:16px;font-size:14px}.guide-final .button{margin:24px auto 0;min-height:54px;background:linear-gradient(100deg,#efd89c,#cfaa61);border-color:#e3cb89;font-size:15px}.guide-final .guide-text-link{display:block;width:max-content;margin:20px auto}.first-guide-page .site-footer{background:#050d1bea}
@media(hover:hover) and (pointer:fine){.guide-content-grid>a:hover{border-color:#d9bd87;background:#24334b}.guide-route a:hover{background:#29364c}}
@media(max-width:1100px){.guide-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.first-guide-page .header-blog{display:none}.guide-intro-copy{width:60%}}
@media(max-width:700px){.first-guide-page::before{background-position:30% top}.first-guide-page::after{background:linear-gradient(180deg,#07101e1a,#07101e55 25%,#07101eed 55%,#07101ef5)}.guide-container{width:calc(100% - 28px)}.guide-intro{padding:250px 0 30px;min-height:0}.guide-intro-copy{width:100%;margin:0;padding:20px 16px;border-radius:8px;background:#091424c9}.guide-intro h1{font-size:clamp(22px,5.7vw,30px);line-height:1.7}.guide-subtitle{font-size:14px}.guide-intro-copy>p:not(.eyebrow):not(.guide-subtitle){font-size:13px}.guide-panel{padding:24px 18px;margin-bottom:18px}.guide-panel h2{font-size:22px}.guide-content-grid,.guide-route{grid-template-columns:1fr;gap:12px}.guide-content-grid>a{padding:18px}.guide-route a{padding:16px 18px}.guide-route h3{display:inline;margin-left:12px}.guide-final{padding:24px 12px}.guide-final h2{font-size:25px}.guide-final .button{width:100%;justify-content:center}}

/* Light footer navigation; add another list item to introduce a service. */
.guide-external{padding-top:26px;padding-bottom:26px}
.guide-external h2{font-size:22px}
.guide-external-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:22px 0 0}
.guide-external-links li{min-width:0}
.guide-external-links a{display:flex;align-items:center;gap:12px;height:100%;min-height:78px;padding:14px;border:1px solid #ad936555;border-radius:7px;background:#15203999;transition:background .2s,border-color .2s}
.guide-service-icon{flex-shrink:0;width:28px;color:#e4c786;font-size:27px;line-height:1;text-align:center;font-family:Georgia,serif;font-weight:600}
.guide-service-icon svg{display:block;width:28px;height:28px}
.guide-service-name{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.guide-service-name small{display:block;font-size:10px;font-weight:400;color:#aeb8ca;margin-top:4px}
.guide-service-arrow{margin-left:auto;color:#d3ba83;font-size:14px}
@media(hover:hover) and (pointer:fine){.guide-external-links a:hover{background:#26334b;border-color:#d5b980}}
@media(max-width:1000px){.guide-external-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-external h2{font-size:20px}.guide-external-links{grid-template-columns:1fr;gap:10px}.guide-external-links a{min-height:68px;padding:12px 16px}}