/* G3.3 FAQ and practical resources. Reading hierarchy, no additional framework. */
.knowledge-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;line-height:1.5;color:var(--muted);padding:28px 0 37px}
.knowledge-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.knowledge-intro{padding-bottom:44px}
.knowledge-lead{font-size:18px;line-height:1.65;max-width:54ch}
.faq-intro-grid,.resources-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:7px 0 40px}
.faq-intro-grid h1,.resources-intro-grid h1{font-size:54px;max-width:19ch}
.faq-intro-grid .text-link{margin-top:18px}
.faq-topics{display:flex;flex-wrap:wrap;gap:12px 32px;padding:21px 0;border-block:1px solid var(--line)}
.faq-topics a{min-height:44px;display:inline-flex;align-items:center;font-size:15px;font-weight:600}
.faq-topics a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:5px}
.faq-group{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;padding:28px 0 57px}
.faq-group h2{font-size:32px;max-width:17ch}
.faq-group>div:first-child>p{font-size:16px;max-width:30ch;margin-top:17px}
.faq-group>div:first-child>.text-link{margin-top:17px;font-size:14px}
.knowledge-faq-list details{border-top:1px solid var(--line)}
.knowledge-faq-list details:last-child{border-bottom:1px solid var(--line)}
.knowledge-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:23px 0;font-size:17px;font-weight:600;line-height:1.5}
.knowledge-faq-list summary::-webkit-details-marker{display:none}
.knowledge-faq-list summary>span{font-size:25px;line-height:1;font-weight:400;flex:none;transition:transform var(--ease)}
.knowledge-faq-list details[open] summary>span{transform:rotate(45deg)}
.knowledge-faq-list summary:hover{color:var(--blue)}
.knowledge-faq-list details>div{padding:0 30px 24px 0}
.knowledge-faq-list p{font-size:16px}
.knowledge-faq-list p+p{margin-top:15px}
.faq-help,.resource-help{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid var(--line);padding-block:43px 70px}
.faq-help h2,.resource-help h2{font-size:33px}
.faq-help p,.resource-help p{font-size:16px}
.faq-help .text-link{margin-top:17px}
.knowledge-category{font-size:12px;font-weight:600;letter-spacing:.045em;color:var(--blue);margin-bottom:17px}
.resources-intro-grid{padding-bottom:0}
.resource-feature{display:grid;grid-template-columns:1.04fr 1fr;gap:68px;align-items:center;padding-top:4px;padding-bottom:66px}
.resource-feature figure{aspect-ratio:1.28;overflow:hidden;border-radius:var(--radius)}
.resource-feature h2{font-size:39px;max-width:23ch}
.resource-feature>div>p:not(.knowledge-category){margin-top:22px;max-width:46ch}
.resource-takeaways{margin:22px 0 14px;padding-left:19px;color:var(--muted);font-size:15px;line-height:1.6}
.resource-takeaways li+li{margin-top:7px}
.resource-secondary{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:70px}
.resource-secondary article{display:flex;flex-direction:column;align-items:start}
.resource-secondary h2{font-size:32px;max-width:25ch}
.resource-secondary p:not(.knowledge-category){font-size:16px;margin-top:20px}
.resource-secondary .text-link{margin-top:auto;padding-top:22px;font-size:14px}
.resource-timing{background:var(--mist);padding:35px;border-radius:var(--radius)}
.resource-handover{padding-block:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.resource-clock{display:flex;gap:16px;align-items:center;width:100%;font-size:15px;font-weight:600;line-height:1.45;padding:22px 0 0;margin-top:23px;border-top:1px solid #c8d6dd}
.resource-clock span:nth-child(2){color:var(--blue);font-size:22px}
.resource-secondary .resource-handover-key{font-size:14px;color:var(--navy);line-height:1.7;margin-top:24px}
.resource-handover-key span{display:inline-block;color:#9aaaae;padding-inline:8px}
.knowledge-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:22px}
.guide-header{max-width:930px;padding:5px 0 36px}
.guide-header h1{font-size:52px;max-width:28ch;line-height:1.13}
.guide-header .knowledge-lead{max-width:70ch;margin-top:25px}
.guide-meta{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:25px;font-size:13px;color:var(--muted);line-height:1.6}
.guide-layout{display:grid;grid-template-columns:290px 1fr;gap:90px;align-items:start;border-top:1px solid var(--line);padding-top:43px;padding-bottom:75px}
.guide-contents{position:sticky;top:112px;display:flex;flex-direction:column}
.guide-contents h2{font-size:16px;letter-spacing:0;margin-bottom:17px}
.guide-contents>a:not(.text-link){display:flex;align-items:baseline;gap:11px;padding-block:12px;font-size:14px;line-height:1.55;border-bottom:1px solid var(--line)}
.guide-contents>a>span{font-size:11px;color:var(--blue);font-weight:600}
.guide-contents>a:hover{color:var(--blue)}
.guide-contents>.text-link{font-size:14px;margin-top:19px}
.guide-body{min-width:0;max-width:760px}
.guide-body>section{padding-bottom:43px}
.guide-body>section+section{border-top:1px solid var(--line);padding-top:39px}
.guide-body h2{font-size:31px;line-height:1.2;max-width:34ch;margin-bottom:23px}
.guide-body section>p{font-size:17px;line-height:1.75}
.guide-body section>p+p{margin-top:18px}
.guide-points,.guide-handover{margin:25px 0 0}
.guide-points>div,.guide-handover>div{display:grid;grid-template-columns:160px 1fr;gap:22px;border-top:1px solid var(--line);padding:15px 0}
.guide-points dt,.guide-handover dt{font-size:15px;font-weight:600;line-height:1.6}
.guide-points dd,.guide-handover dd{margin:0;font-size:15px;line-height:1.7;color:var(--muted)}
.guide-checklist{font-size:16px;line-height:1.7;color:var(--muted);margin:24px 0 0;padding-left:23px}
.guide-checklist li+li{margin-top:11px}
.guide-note{border-left:3px solid var(--blue);background:var(--mist);padding:20px 25px;margin-top:26px}
.guide-note p{font-size:15px;line-height:1.7;color:var(--navy)}
.guide-preparation{display:grid;grid-template-columns:1fr 1fr;background:var(--mist);padding:27px;margin:26px 0 0;gap:27px;border-radius:var(--radius)}
.guide-preparation>div+div{border-left:1px solid #c8d6dd;padding-left:27px}
.guide-preparation dt{font-size:15px;font-weight:600;line-height:1.5}
.guide-preparation dd{margin:15px 0 0}
.guide-preparation strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.04em;line-height:1.3}
.guide-preparation dd>span{display:block;font-size:14px;line-height:1.65;margin-top:13px;color:var(--muted)}
.guide-transit{background:var(--mist);padding:28px;margin-top:27px;border-radius:var(--radius)}
.guide-transit .guide-origin{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:10px}
.guide-transit table{width:100%;border-collapse:collapse;text-align:left}
.guide-transit caption{font-size:14px;line-height:1.5;text-align:left;margin-bottom:20px;color:var(--muted)}
.guide-transit thead th{font-size:12px;color:var(--muted);font-weight:500;padding-bottom:12px}
.guide-transit th:last-child{text-align:right}
.guide-transit tbody th{font-size:15px;font-weight:550;line-height:1.5;width:49%;padding:17px 20px 17px 0;border-top:1px solid #c8d6dd}
.guide-transit td{text-align:right;padding:17px 0;border-top:1px solid #c8d6dd;white-space:nowrap}
.guide-transit td strong{font-size:24px;font-weight:600;letter-spacing:-.035em}
.guide-transit td span{font-size:13px;margin-left:10px}
.guide-transit>p:last-child{font-size:14px;line-height:1.65;margin-top:18px}
.guide-related{padding-top:29px;border-top:1px solid var(--line)}
.guide-related h2{font-size:27px;margin-bottom:15px}
.guide-related nav{display:flex;flex-direction:column;align-items:start}
.guide-related a{font-size:15px}
@media(max-width:1100px){
 .faq-intro-grid,.resources-intro-grid,.faq-group,.faq-help,.resource-help{gap:45px}
 .faq-intro-grid h1,.resources-intro-grid h1{font-size:49px}
 .resource-feature{gap:40px}.resource-feature h2{font-size:35px}.resource-secondary{gap:35px}
 .guide-layout{grid-template-columns:240px 1fr;gap:50px}.guide-header h1{font-size:49px}
 .guide-points>div,.guide-handover>div{grid-template-columns:135px 1fr;gap:18px}
 .guide-preparation{padding:22px;gap:22px}.guide-preparation>div+div{padding-left:22px}
}
@media(max-width:800px){
 .faq-intro-grid,.resources-intro-grid{gap:27px}.faq-intro-grid h1,.resources-intro-grid h1{font-size:43px}
 .knowledge-lead{font-size:17px}.faq-group{grid-template-columns:.7fr 1.3fr;gap:30px}.faq-group h2{font-size:28px}
 .faq-topics{gap:4px 25px}.faq-topics a{font-size:14px}
 .resource-feature{gap:28px}.resource-feature h2{font-size:30px}.resource-feature>div>p:not(.knowledge-category){font-size:16px}
 .resource-secondary{gap:28px}.resource-timing{padding:27px}.resource-secondary h2{font-size:28px}
 .resource-clock{gap:9px;font-size:14px}.resource-help,.faq-help{gap:35px}
 .guide-layout{grid-template-columns:1fr;gap:34px;padding-top:28px}
 .guide-contents{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
 .guide-contents h2{grid-column:1/-1;margin-bottom:9px}.guide-contents>.text-link{grid-column:1/-1}
 .guide-header h1{font-size:43px}.guide-body{max-width:100%}
}
@media(max-width:640px){
 .knowledge-breadcrumb{font-size:12px;padding:22px 0 28px;gap:8px}
 .knowledge-intro{padding-bottom:22px}
 .faq-intro-grid,.resources-intro-grid{grid-template-columns:1fr;gap:21px;padding-top:0;padding-bottom:27px}
 .faq-intro-grid h1,.resources-intro-grid h1{font-size:38px}
 .knowledge-lead{font-size:17px;line-height:1.65}.faq-intro-grid .text-link{margin-top:15px}
 .faq-topics{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;padding:13px 0}
 .faq-topics a{font-size:14px;line-height:1.5;padding-block:8px}
 .faq-group{grid-template-columns:1fr;gap:22px;padding:22px 0 31px}
 .faq-group h2{font-size:29px}.faq-group>div:first-child>p{margin-top:13px;max-width:none}
 .faq-group>div:first-child>.text-link{margin-top:7px}
 .knowledge-faq-list summary{font-size:16px;gap:18px;padding:21px 0}
 .knowledge-faq-list details>div{padding-right:0;padding-bottom:21px}.knowledge-faq-list p{font-size:16px}
 .faq-help,.resource-help{grid-template-columns:1fr;gap:20px;padding-block:29px 47px}
 .faq-help h2,.resource-help h2{font-size:29px}
 .resources-intro-grid{padding-bottom:0}
 .resource-feature{grid-template-columns:1fr;gap:24px;padding-top:6px;padding-bottom:41px}
 .resource-feature figure{aspect-ratio:4/3}.resource-feature h2{font-size:31px}
 .resource-feature>div>p:not(.knowledge-category){margin-top:17px;font-size:16px}
 .knowledge-category{margin-bottom:13px}.resource-takeaways{margin-top:18px}
 .resource-secondary{grid-template-columns:1fr;gap:29px;padding-bottom:43px}
 .resource-timing{padding:26px 23px}.resource-secondary h2{font-size:29px}
 .resource-handover{padding-block:27px}.resource-secondary p:not(.knowledge-category){margin-top:16px}
 .resource-clock{font-size:14px;gap:12px;margin-top:19px;padding-top:19px}
 .knowledge-actions{gap:12px 20px}
 .guide-header{padding-top:0;padding-bottom:27px}.guide-header h1{font-size:36px;line-height:1.16;max-width:23ch}
 .guide-header .knowledge-lead{font-size:17px;margin-top:21px}.guide-meta{flex-direction:column;gap:9px;margin-top:20px}
 .guide-layout{gap:31px;padding-top:24px;padding-bottom:45px}
 .guide-contents{grid-template-columns:1fr;gap:0}.guide-contents>a:not(.text-link){font-size:14px;padding-block:10px}
 .guide-contents>.text-link{margin-top:12px}
 .guide-body>section{padding-bottom:31px}.guide-body>section+section{padding-top:29px}
 .guide-body h2{font-size:28px;max-width:26ch;margin-bottom:19px}
 .guide-body section>p{font-size:16px;line-height:1.75}.guide-body section>p+p{margin-top:16px}
 .guide-points>div,.guide-handover>div{grid-template-columns:1fr;gap:7px;padding-block:15px}
 .guide-points dd,.guide-handover dd{font-size:15px}.guide-note{padding:18px 20px;margin-top:21px}
 .guide-preparation{grid-template-columns:1fr;padding:23px;gap:22px;margin-top:22px}
 .guide-preparation>div+div{border-left:0;border-top:1px solid #c8d6dd;padding:22px 0 0}
 .guide-preparation strong{font-size:26px}.guide-preparation dd>span{margin-top:10px}
 .guide-transit{padding:23px 20px;margin-top:22px}.guide-transit tbody th{font-size:14px;width:52%;padding:16px 12px 16px 0}
 .guide-transit td strong{font-size:25px;display:block}.guide-transit td span{font-size:13px;display:block;margin:4px 0 0}
 .guide-transit caption{margin-bottom:18px}.guide-related h2{font-size:26px}
}