.resource-hero{padding-block:64px 36px}
.resource-hero-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}
.resource-hero h1{font-size:clamp(44px,5vw,72px);max-width:760px}
.resource-hero .hero-intro{margin:0 0 6px;font-size:18px;max-width:440px}
.resource-page-nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:42px;padding-block:20px;border-block:1px solid var(--line)}
.resource-page-nav a{font-size:13px;font-weight:650;min-height:30px;display:flex;align-items:center;color:var(--muted)}
.resource-page-nav a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:6px}
.resource-notion-section{padding-block:24px 72px}
.resource-notion{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding:48px;background:var(--tone);border:1px solid #d3e4ed;border-radius:28px;align-items:center}
.resource-tool{width:42px;height:42px;object-fit:contain;margin-bottom:22px}
.resource-notion h2{font-size:clamp(30px,3vw,42px);max-width:490px}
.resource-notion-copy>p{font-size:15px;color:var(--muted);margin-top:22px;max-width:500px;line-height:1.8}
.resource-download-primary{margin-block:25px 18px}
.resource-download-primary a{display:inline-flex;gap:14px;align-items:center;justify-content:space-between;min-height:52px;background:var(--blue);color:#fff;font-size:14px;font-weight:650;border-radius:40px;padding:15px 24px;transition:background .2s}
.resource-download-primary a:hover{background:var(--blue-dark)}
.resource-download-primary a svg{flex:none}.resource-guide-link{font-size:13px}
.resource-notion-copy .resource-import-note{font-size:12px;line-height:1.7;margin-top:24px;color:#476374}
.resource-project-preview{background:#fafdff;border:1px solid #cddfe9;border-radius:15px;padding:26px;box-shadow:0 16px 30px #24465408;transform:rotate(1deg)}
.resource-project-label{font-size:11px;color:var(--muted);font-weight:600}.resource-project-preview h3{font-size:24px;margin:13px 0 25px}
.resource-project-record{border:1px solid #d7e4eb;padding:20px;border-radius:10px}
.resource-project-record>span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}
.resource-project-record>strong{font-size:17px;font-weight:650}
.resource-project-record dl{margin:20px 0 16px;font-size:12px;display:grid;gap:10px}
.resource-project-record dl>div{display:grid;grid-template-columns:95px 1fr;gap:12px}
.resource-project-record dt{color:var(--muted)}.resource-project-record dd{margin:0;color:var(--ink)}
.resource-project-record p{font-size:12px;color:var(--muted);margin:0;padding-top:14px;border-top:1px solid var(--line)}
.resource-project-document{display:flex;align-items:center;gap:15px;margin-top:22px;color:#31566c}
.resource-project-document svg{flex:none}.resource-project-document strong{display:block;font-size:12px;line-height:1.6;font-weight:650}
.resource-project-document span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.resource-import-guide{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:36px 10px 0}
.resource-import-guide h3{font-size:21px;margin-bottom:20px}
.resource-import-guide ul,.resource-import-guide ol{padding-left:20px;font-size:14px;color:var(--muted);line-height:1.8;display:grid;gap:12px}
.resource-import-guide ul{list-style:disc}.resource-import-guide ol{list-style:decimal}
.resource-import-guide .text-link{display:flex;width:fit-content;font-size:12px;margin-top:20px}
.resource-documents{padding-top:35px}
.resource-document-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.resource-document{min-width:0;background:var(--tone);border:1px solid #496f7c13;border-radius:22px;padding:32px}
.resource-document-heading{display:flex;gap:18px;align-items:center;min-height:58px;color:var(--tone-ink)}
.resource-document-heading svg{flex:none}.resource-document-heading h3{font-size:25px;line-height:1.3;color:var(--ink)}
.resource-document-description{font-size:15px;color:var(--muted);min-height:80px;line-height:1.8;margin:22px 0 25px}
.resource-file-group{padding-block:20px;border-top:1px solid #496f7c20}
.resource-file-group h4{font-size:12px;color:var(--tone-ink);margin:0 0 12px;font-weight:700}
.resource-file-group>div{display:flex;flex-wrap:wrap;gap:8px 22px}
.resource-file-group a{display:inline-flex;gap:8px;align-items:center;min-height:32px;font-size:13px;font-weight:650}
.resource-file-group a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:5px}
.resource-example{border-top:1px solid #496f7c20}
.resource-example summary{list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:54px;font-size:13px;font-weight:650;color:var(--tone-ink)}
.resource-example summary::-webkit-details-marker{display:none}.resource-example summary>span{font-size:22px;font-weight:400}
.resource-example[open] summary>span{transform:rotate(45deg)}
.resource-example>div{border-top:1px solid #496f7c13;padding-top:18px}
.resource-sample-label{font-size:12px;font-weight:650;color:var(--tone-ink)}
.resource-example ul{font-size:13px;color:var(--muted);padding-left:18px;list-style:disc;line-height:1.8;display:grid;gap:7px}
.resource-sample-note{font-size:11px;color:var(--muted);margin-top:18px;margin-bottom:3px}
.resource-format-note{font-size:12px;color:var(--muted);margin:25px 0 0}
.course-resource-approval{border-top:1px solid var(--line);padding-block:30px;background:#f4f7f6}
.course-resource-approval>.wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}
.course-resource-approval h3{font-size:21px}.course-resource-approval p{font-size:13px;color:var(--muted);max-width:620px;margin:10px 0 0}
.course-resource-approval .text-link{font-size:13px;flex-shrink:0}
[data-page-kind="course"] .resource-notion-section{padding-block:60px}
.method-resources{background:#f0f5f4;border-block:1px solid var(--line)}
.resource-method-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.resource-method-heading h2{max-width:500px}.resource-method-heading>p{font-size:16px;color:var(--muted);margin:5px 0 0;line-height:1.8}
.resource-method-links{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.resource-method-links>a{display:flex;align-items:center;gap:18px;border-block:1px solid #cadbdc;padding:24px 8px;color:#315e56;font-size:17px;font-weight:600}
.resource-method-links>a>svg{flex:none}.resource-method-links>a>svg:last-child{margin-left:auto}
.resource-method-links>a:hover{color:var(--blue)}
.resource-method-note{font-size:12px;color:var(--muted);max-width:800px;margin:26px 0 18px}
.method-resources .text-link{font-size:13px}
@media(max-width:1000px){.resource-hero-layout{gap:35px}.resource-notion{gap:32px;padding:32px}.resource-notion h2{font-size:33px}.resource-project-preview{padding:20px}.resource-method-heading{gap:40px}.resource-document{padding:25px}.resource-document-heading h3{font-size:22px}.resource-document-description{min-height:110px}.course-resource-approval>.wrap{gap:25px;align-items:flex-start}.course-resource-approval .text-link{flex-shrink:1}}
@media(max-width:680px){.resource-hero{padding-block:38px 24px}.resource-hero-layout{grid-template-columns:1fr;gap:24px}.resource-hero h1{font-size:44px}.resource-hero .hero-intro{font-size:15px;line-height:1.8}.resource-page-nav{margin-top:28px;gap:10px 20px;padding-block:15px}.resource-page-nav a{font-size:12px;min-height:36px}.resource-notion-section{padding-block:12px 36px}.resource-notion{grid-template-columns:1fr;gap:30px;padding:26px;border-radius:22px}.resource-tool{margin-bottom:18px}.resource-notion h2{font-size:31px}.resource-notion-copy>p{font-size:14px;margin-top:18px}.resource-download-primary a{font-size:12px;gap:12px;padding:14px 18px;min-height:48px}.resource-project-preview{transform:none;padding:20px}.resource-import-guide{grid-template-columns:1fr;gap:30px;padding:28px 4px 0}.resource-import-guide ul,.resource-import-guide ol{font-size:13px}.resource-documents{padding-top:28px}.resource-document-grid{grid-template-columns:1fr;gap:20px}.resource-document{padding:25px}.resource-document-description{min-height:0;font-size:14px;margin-bottom:22px}.resource-file-group a{font-size:12px;min-height:40px}.resource-example summary{min-height:58px}.course-resource-approval>.wrap{flex-direction:column;gap:18px}.course-resource-approval h3{font-size:20px}.resource-method-heading,.resource-method-links{grid-template-columns:1fr;gap:25px}.resource-method-heading>p{font-size:14px}.resource-method-links{gap:0;margin-top:26px}.resource-method-links>a{font-size:15px;min-height:88px}.resource-method-links>a+a{border-top:0}.resource-method-note{font-size:11px}}
@media print{.course-resource-approval,.resource-notion-section,.method-resources{display:none!important}}

