.industry-course .planned-chapter{display:block}.industry-course .planned-chapter small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.industry-course .module-lessons>p{padding-top:18px}.industry-course .field{margin:22px 0}.industry-course .field>label{display:block;font-weight:650;margin-bottom:7px}.industry-course .field-help{font-size:14px;color:var(--muted);margin-bottom:9px}.industry-course .field textarea{width:100%;max-width:100%;padding:12px;border:1px solid #b7c5d3;border-radius:6px;line-height:1.6;resize:vertical}.industry-course .choice-feedback small{display:block;line-height:1.6}.industry-course .practice-choice label{align-items:flex-start}.industry-course .practice-choice input{flex:none;margin-top:6px}.industry-course .practice-choice span{min-width:0}.industry-course .mock-hero>.course-button{display:inline-block;pointer-events:none;max-width:100%;white-space:normal}.industry-course .mock-headline{font-weight:700}.industry-course .positioning-activity .field-help{font-size:14px}.industry-course .reading-section>h2:focus{outline-offset:6px}.industry-course .variant-tabs button{white-space:normal}@media(max-width:639px){.industry-course .button-row{flex-wrap:wrap}.industry-course .button-row>*{max-width:100%}.industry-course .variant-tabs{display:flex;flex-wrap:wrap}.industry-course .variant-tabs>button{flex:1 1;min-width:110px}.industry-course .drawer-head{gap:12px}.industry-course .mock-headline{overflow-wrap:normal}}.industry-course .mock-hero>.mock-headline{font-size:clamp(23px,2.5vw,34px);line-height:1.25;max-width:24ch;margin:0 auto 20px}.industry-course .module-lessons>p{padding:20px 24px 0}.web-designers-course .overview-page .module-lessons>.syllabus-lesson{padding:0;margin:0}.web-designers-course .overview-page .syllabus-lesson>.syllabus-lesson-content{display:block;padding:22px 24px;border-left:3px solid transparent}.web-designers-course .overview-page .module-lessons>p{padding:20px 27px 0}.web-designers-course .lesson-page .lesson-title h1{width:100%;max-width:none;text-wrap:wrap}.web-designers-course .lesson-title>.lesson-goal{margin:24px 0 0;padding:16px 18px;background:#f1f8f6;border-radius:8px}.web-designers-course .example-switcher .comparison-note{margin:18px 0 0;padding:14px 16px;background:#f1f7f7;border-radius:8px}.web-designers-course .mock-hero>.mock-supporting+.course-button{margin-top:26px}.web-designers-course .lesson-page .lesson-prose+.example-switcher{margin:28px 0}.web-designers-course .lesson-prose strong{color:#0b726b;background:linear-gradient(transparent 65%,#d8f2eb 0);font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}.web-designers-course .lesson-prose>p{margin:0 0 22px;line-height:1.85}.web-designers-course .lesson-prose blockquote{margin:26px 0;padding:18px 22px;border-left:3px solid #2ba99b;border-radius:0 9px 9px 0;background:#edf8f4;color:#254f4c}.web-designers-course .lesson-prose blockquote p{margin:0;line-height:1.85}.web-designers-course .lesson-stages .lesson-prose>ol{display:grid;grid-gap:18px;gap:18px;list-style:none;counter-reset:project-stage;padding:0;margin:24px 0 28px}.web-designers-course .lesson-stages .lesson-prose>ol>li{position:relative;counter-increment:project-stage;padding:19px 22px 19px 70px;border:1px solid #dcebe7;border-radius:10px;background:#fafdfc}.web-designers-course .lesson-stages .lesson-prose>ol>li:before{content:counter(project-stage,decimal-leading-zero);position:absolute;left:20px;top:20px;width:32px;height:32px;display:grid;place-items:center;background:#def2ec;border-radius:50%;color:#0b726b;font-size:12px;font-weight:700}.web-designers-course .lesson-stages .lesson-prose>ol>li>p{margin:0 0 10px}.web-designers-course .lesson-stages .lesson-prose>ol>li>p:last-child{margin-bottom:0}.web-designers-course .lesson-stages .lesson-prose>ol>li>p:first-child strong{background:none}@media(max-width:639px){.web-designers-course .overview-page .syllabus-lesson>.syllabus-lesson-content{padding:20px 18px}.web-designers-course .overview-page .module-lessons>p{padding:18px 21px 0}.web-designers-course .lesson-title>.lesson-goal{margin-top:22px;padding:15px 16px}.web-designers-course .example-switcher .comparison-note{margin-top:16px;padding:13px 14px}.web-designers-course .lesson-prose blockquote{padding:16px 18px}.web-designers-course .lesson-stages .lesson-prose>ol>li{padding:17px 18px 17px 60px}.web-designers-course .lesson-stages .lesson-prose>ol>li:before{left:16px;top:18px;width:29px;height:29px}}.web-designers-course .lesson-page .practice+.practice-takeaway{margin:24px 0 0}.web-designers-course .lesson-page .completed-example>summary{background:#f1f8f6;color:#0b726b}.web-designers-course .lesson-page .completed-example[open]>summary{border-bottom-color:#dcebe7}.web-designers-course .lesson-page .completed-example>.completed-example-content{padding:26px 28px}.web-designers-course .lesson-page .example-answers{display:grid;grid-gap:22px;gap:22px;margin:0}.web-designers-course .lesson-page .example-answers>div{padding-bottom:22px;border-bottom:1px solid #e1ebe7}.web-designers-course .lesson-page .example-answers>div:last-child{padding-bottom:0;border-bottom:0}.web-designers-course .lesson-page .example-answers dt{margin:0 0 9px;color:#0b726b;font-weight:650}.web-designers-course .lesson-page .example-answers dd{margin:0;color:#475a70}.web-designers-course .lesson-page .completed-example-content>.tip-text{margin:24px 0 0;padding:16px 18px;border-radius:8px;background:#f1f8f6}.web-designers-course .lesson-page .completion-tip{margin:18px 0 28px}@media(max-width:639px){.web-designers-course .lesson-page .completed-example>.completed-example-content{padding:22px 18px}.web-designers-course .lesson-page .completed-example-content>.tip-text{padding:14px}}.web-designers-course .lesson-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin:20px 0 0;color:#60728a;font-size:14px;line-height:1.6}.web-designers-course .lesson-meta>span{display:inline-flex;align-items:center;gap:7px}.web-designers-course .lesson-meta svg{flex:none;color:#468b82}.web-designers-course .previous-lesson-reference{padding:20px 22px;margin:24px 0;border-left:3px solid #67b7a9;border-radius:0 9px 9px 0;background:#f1f8f6}.web-designers-course .previous-lesson-reference>strong{display:block;color:#0b726b;margin-bottom:9px}.web-designers-course .previous-lesson-reference>p{margin-bottom:14px;white-space:pre-wrap;overflow-wrap:anywhere}.web-designers-course .mock-heading-level{display:inline-block;padding:3px 7px;border:1px solid #d5e8e1;border-radius:4px;background:#eef7f3;color:#326f66;font-size:11px;font-weight:650;letter-spacing:.03em}.web-designers-course .mock-hero>.mock-heading-level{margin-bottom:12px}.web-designers-course .mock-action,.web-designers-course .mock-support-link{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.web-designers-course .mock-hero>.mock-action{justify-content:center;margin-top:26px}.web-designers-course .mock-action .course-button{display:inline-block;max-width:100%;white-space:normal}.web-designers-course .mock-destination{color:#61728a;font-size:12px;overflow-wrap:anywhere}.web-designers-course .mock-page-sections{padding:0 28px;background:#fff}.web-designers-course .mock-content-section{padding:25px 0;border-top:1px solid #e2ebe7}.web-designers-course .mock-section-heading{display:flex;align-items:baseline;gap:11px;margin-bottom:13px}.web-designers-course .mock-section-heading .mock-heading-level{flex:none}.web-designers-course .mock-content-section h4{margin:0;color:#263d59;font-size:20px;line-height:1.4;letter-spacing:-.02em}.web-designers-course .mock-content-section>p{margin:0;color:#475a70}.web-designers-course .mock-content-section>.mock-action,.web-designers-course .mock-content-section>.mock-support-link{margin-top:18px}.web-designers-course .mock-page-link{color:#0b726b;font-weight:600;text-decoration:underline;text-underline-offset:3px}.web-designers-course .mock-page-links{padding:20px 28px;border-top:1px solid #e2ebe7;background:#f8fbfa}.web-designers-course .mock-service-inventory{padding:28px;background:#fff}.web-designers-course .mock-service-inventory ul{list-style:none;padding:0;margin:0}.web-designers-course .mock-service-inventory li{padding:18px 0;border-bottom:1px solid #e2ebe7;color:#334c6d}.web-designers-course .mock-service-inventory li:last-child{border-bottom:0}.web-designers-course .lesson-table-wrap{max-width:100%;margin:24px 0;overflow-x:auto}.web-designers-course .lesson-table-wrap>table{margin:0}@media(max-width:639px){.web-designers-course .mock-page-sections{padding:0 18px}.web-designers-course .mock-content-section{padding:22px 0}.web-designers-course .mock-content-section h4{font-size:18px}.web-designers-course .mock-page-links,.web-designers-course .mock-service-inventory{padding:20px 18px}.web-designers-course .mock-hero>.mock-action{flex-direction:column}.web-designers-course .lesson-table-wrap>table{margin:0}}.web-designers-course .mock-projects{padding:0 28px}.web-designers-course .mock-projects.current{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;padding-block:28px}.web-designers-course .mock-project-card{min-width:0;padding:26px 0;border-top:1px solid #dce5e9}.web-designers-course .mock-projects.current .mock-project-card{padding:0;border:0}.web-designers-course .mock-project-card h4{margin:0;font-size:20px;line-height:1.35;letter-spacing:-.025em}.web-designers-course .mock-project-role{margin:14px 0 20px;font-size:14px;font-style:italic;color:#416b65}.web-designers-course .portfolio-preview{margin:20px 0 24px;max-width:100%}.web-designers-course .portfolio-preview svg{display:block;width:100%;height:auto}.web-designers-course .portfolio-preview figcaption{margin:10px 0 0;font-size:13px;line-height:1.6;color:#64758a}.web-designers-course .mock-projects.current .portfolio-preview{margin:0}.web-designers-course .mock-projects.draft .portfolio-preview--unexpanded{max-width:280px;margin:0}.web-designers-course .mock-project-actions{display:flex;flex-direction:column;gap:20px;align-items:flex-start;margin-top:24px}.web-designers-course .mock-project-actions .mock-action,.web-designers-course .mock-project-actions .mock-support-link{margin:0}.web-designers-course .lesson-journey .lesson-prose>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;list-style:none;padding:0;margin:24px 0}.web-designers-course .lesson-journey .lesson-prose>ul>li{padding:18px;border:1px solid #dcebe7;border-radius:9px;background:#f5faf8;line-height:1.6}.web-designers-course .part-workbook-review{margin-top:26px;padding-top:24px;border-top:1px solid #dce5e9}.web-designers-course .part-workbook-review h3{margin-top:0}.web-designers-course .part-workbook-review li{margin-bottom:12px}.web-designers-course .part-workbook-review p:last-child{margin-bottom:0}.web-designers-course .part-transition{margin:30px 0 20px;padding:20px 22px;border-left:3px solid #2ba99b;border-radius:0 8px 8px 0;background:#edf8f4}.web-designers-course .part-transition p{margin:10px 0 0}@media(max-width:639px){.web-designers-course .mock-projects{padding:0 18px}.web-designers-course .mock-projects.current{grid-template-columns:1fr;padding-block:22px;gap:24px}.web-designers-course .mock-project-card{padding:22px 0}.web-designers-course .mock-project-card h4{font-size:18px}.web-designers-course .lesson-journey .lesson-prose>ul{grid-template-columns:1fr;gap:12px}.web-designers-course .part-transition{padding:18px}}.web-designers-course .client-inquiry-card{display:flex;align-items:flex-start;gap:16px;margin:28px 0;padding:22px 24px;border:1px solid #dcebe7;border-radius:10px;background:#f5faf8}.web-designers-course .client-inquiry-card>svg{flex:none;margin-top:3px;color:#0b726b}.web-designers-course .client-inquiry-card>div{min-width:0}.web-designers-course .client-inquiry-card h3{margin:8px 0;font-size:20px}.web-designers-course .client-inquiry-card p{margin:0}.web-designers-course .discovery-brief{margin:28px 0;border:1px solid #d7e7e2;border-radius:10px;background:#fbfdfc;overflow:hidden}.web-designers-course .discovery-brief-header{display:flex;align-items:flex-start;gap:14px;padding:24px 26px;background:#edf7f3;color:#0b726b}.web-designers-course .discovery-brief-header>svg{flex:none;margin-top:3px}.web-designers-course .discovery-brief-header h3{margin:0;font-size:21px;line-height:1.35}.web-designers-course .discovery-brief-header p{margin:9px 0 0;font-size:14px;color:#5f746f}.web-designers-course .discovery-brief dl{margin:0}.web-designers-course .discovery-brief-item{padding:24px 26px;border-top:1px solid #dce8e3}.web-designers-course .discovery-brief-item dt{font-weight:700;color:#0b726b;line-height:1.6}.web-designers-course .discovery-brief-item dt>span{margin-right:5px}.web-designers-course .discovery-brief-item dd{margin:10px 0 0;line-height:1.6}@media(max-width:639px){.web-designers-course .client-inquiry-card{padding:20px 18px;gap:12px}.web-designers-course .discovery-brief-header,.web-designers-course .discovery-brief-item{padding:22px 18px}.web-designers-course .discovery-brief-header h3{font-size:19px}}.web-designers-course .page-previews .example-caption{display:flex;align-items:center;gap:9px;padding:17px 20px;color:#0b726b;font-size:14px;font-weight:650;border-bottom:1px solid #dce8e3;background:#f1f8f6}.web-designers-course .page-previews .mock-page-links{display:grid;grid-gap:16px;gap:16px}.web-designers-course .page-previews .mock-browser-bar{gap:12px}.web-designers-course .page-previews .mock-browser-bar code{min-width:0;overflow-wrap:anywhere;text-align:right}.web-designers-course .page-previews .variant-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.web-designers-course .reading-section>.section-tip{margin:24px 0 0}@media(max-width:639px){.web-designers-course .page-previews .variant-tabs{grid-template-columns:1fr}.web-designers-course .page-previews .variant-tabs>button{min-height:48px}}.web-designers-course .mock-page-settings{padding:24px 26px;border-bottom:1px solid #dce8e3;background:#fff}.web-designers-course .mock-page-settings h3{margin:0 0 22px;color:#263d59;font-size:19px;line-height:1.4}.web-designers-course .mock-page-settings dl{display:grid;grid-gap:22px;gap:22px;margin:0}.web-designers-course .mock-page-settings dt{color:#0b726b;font-size:14px;font-weight:700;line-height:1.6}.web-designers-course .mock-page-settings dd{margin:8px 0 0;color:#475a70;font-size:16px;line-height:1.6}.web-designers-course .mock-page-settings code{white-space:normal;overflow-wrap:anywhere;font-size:14px}.web-designers-course .mock-preview-label{margin:0 0 18px;color:#0b726b;font-size:14px;font-weight:700;line-height:1.6}.web-designers-course .search-result-preview{margin:28px 0;padding:24px 26px;border:1px solid #dce8e3;border-radius:10px;background:#fff}.web-designers-course .search-result-preview figcaption{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:#0b726b;font-size:14px;font-weight:700;line-height:1.6}.web-designers-course .search-result-address{color:#637588;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.web-designers-course .search-result-title{margin:8px 0 12px;color:#3156a2;font-size:22px;font-weight:600;line-height:1.4}.web-designers-course .search-result-description{margin:0;color:#475a70;font-size:16px;line-height:1.6}@media(max-width:639px){.web-designers-course .mock-page-settings,.web-designers-course .search-result-preview{padding:22px 18px}.web-designers-course .search-result-title{font-size:20px}}.web-designers-course .page-identity-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin:28px 0}.web-designers-course .page-identity{min-width:0;border:1px solid #dce8e3;border-radius:10px;overflow:hidden;background:#fff}.web-designers-course .page-identity h3{margin:0;padding:20px;background:#edf7f3;color:#263d59;font-size:19px;line-height:1.4}.web-designers-course .page-identity dl{display:grid;grid-gap:22px;gap:22px;margin:0;padding:22px 20px}.web-designers-course .page-identity dt{color:#0b726b;font-size:14px;font-weight:700;line-height:1.6}.web-designers-course .page-identity dd{margin:8px 0 0;color:#475a70;font-size:15px;line-height:1.6}.web-designers-course .page-identity code{font-size:13px;overflow-wrap:anywhere;white-space:normal}@media(max-width:900px){.web-designers-course .page-identity-comparison{grid-template-columns:1fr}}.web-designers-course .mobile-layout-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin:28px 0}.web-designers-course .mobile-layout-draft{display:flex;flex-direction:column;min-width:0;padding:20px 18px;border:1px solid #dce8e3;border-radius:10px;background:#f5faf8}.web-designers-course .mobile-layout-draft>header{margin-bottom:22px}.web-designers-course .mobile-layout-draft>header h3{margin:9px 0 0;color:#263d59;font-size:20px;line-height:1.4}.web-designers-course .phone-frame{flex:1 1;min-width:0;max-width:320px;width:100%;margin-inline:auto;border:2px solid #d7e1e7;border-radius:18px;background:#fff;overflow:hidden}.web-designers-course .phone-address{padding:15px 10px;border-bottom:1px solid #e1e8ed;background:#f3f6f9;text-align:center;line-height:1.6}.web-designers-course .phone-address code{font-size:11px;white-space:normal;overflow-wrap:anywhere;color:#64758a}.web-designers-course .phone-page{padding:24px 16px;min-height:360px}.web-designers-course .phone-headline{margin:16px 0;color:#263d59;font-size:23px;line-height:1.3;letter-spacing:-.025em}.web-designers-course .phone-intro{margin:0;color:#475a70;font-size:15px;line-height:1.6}.web-designers-course .phone-actions{margin-top:24px}.web-designers-course .phone-actions--crowded{display:flex;flex-wrap:wrap;gap:3px}.web-designers-course .phone-actions--crowded .phone-control{font-size:13px;line-height:1.25;color:#315b60;text-decoration:underline}.web-designers-course .phone-actions--spaced{display:grid;grid-gap:14px;gap:14px}.web-designers-course .phone-actions--spaced .phone-control{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 14px;border:1px solid #9db4d2;border-radius:6px;color:#294c7b;font-size:15px;font-weight:600;line-height:1.6;text-align:center}.web-designers-course .phone-actions--spaced .phone-control-primary{border-color:#3f65bd;background:#3f65bd;color:#fff}.web-designers-course .phone-layout-note{margin:20px 0 0;color:#5c716f;font-size:14px;font-style:italic;line-height:1.6}@media(max-width:900px){.web-designers-course .mobile-layout-comparison{grid-template-columns:1fr}}.web-designers-course .indexing-inspection{margin:28px 0;border:1px solid #d7e7e2;border-radius:10px;overflow:hidden;background:#fbfdfc}.web-designers-course .indexing-inspection>header{display:flex;align-items:flex-start;gap:14px;padding:22px 24px;background:#edf7f3;color:#0b726b}.web-designers-course .indexing-inspection>header>svg{flex:none;margin-top:3px}.web-designers-course .indexing-inspection h3{margin:9px 0 0;color:#263d59;font-size:20px;line-height:1.4}.web-designers-course .indexing-inspection dl{margin:0}.web-designers-course .inspection-row{display:grid;grid-template-columns:150px minmax(0,1fr);grid-gap:20px;gap:20px;padding:18px 24px;border-top:1px solid #dce8e3}.web-designers-course .inspection-row dt{color:#0b726b;font-size:14px;font-weight:700;line-height:1.6}.web-designers-course .inspection-row dd{min-width:0;margin:0;color:#475a70;font-size:15px;line-height:1.6}.web-designers-course .inspection-row code{font-size:13px;white-space:normal;overflow-wrap:anywhere}.web-designers-course .lesson-prose pre{max-width:100%;padding:20px 22px;border:1px solid #dce8e3;border-radius:9px;background:#f3f7fa;color:#334c6d;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.web-designers-course .lesson-prose pre code{padding:0;border:0;background:none;font-size:14px;white-space:inherit;color:inherit}@media(max-width:639px){.web-designers-course .indexing-inspection>header{padding:20px 18px}.web-designers-course .inspection-row{grid-template-columns:1fr;gap:8px;padding:18px}.web-designers-course .lesson-prose pre{padding:18px}}.web-designers-course .local-information-comparison .comparison-field-label{display:none}.web-designers-course .local-information-comparison td,.web-designers-course .local-information-comparison th{overflow-wrap:anywhere}@media(max-width:900px){.web-designers-course .lesson-page .local-information-comparison table,.web-designers-course .lesson-page .local-information-comparison tbody,.web-designers-course .lesson-page .local-information-comparison tbody th,.web-designers-course .lesson-page .local-information-comparison td,.web-designers-course .lesson-page .local-information-comparison tr{display:block;width:100%!important}.web-designers-course .lesson-page .local-information-comparison table{border:0;border-radius:0;background:none;overflow:visible}.web-designers-course .local-information-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.web-designers-course .lesson-page .local-information-comparison tbody tr{margin-bottom:16px;border:1px solid #dfe6ef;border-radius:10px;overflow:hidden}.web-designers-course .lesson-page .local-information-comparison tbody th{padding:18px;background:#edf4ff;border:0;border-bottom:1px solid #e3eaf4;color:#334f71}.web-designers-course .lesson-page .local-information-comparison tbody td{padding:16px 18px!important;border:0!important;border-bottom:1px solid #e3eaf4!important;background:#fff!important;color:#475a70}.web-designers-course .lesson-page .local-information-comparison tbody td:last-child{border-bottom:0!important}.web-designers-course .local-information-comparison .comparison-field-label{display:block;margin-bottom:8px;color:#0b726b;font-size:13px;font-weight:700;line-height:1.6}}.web-designers-course .local-information-comparison caption{text-align:left;padding:16px 18px;color:#0b726b;background:#edf8f6;font-size:14px;font-weight:700;line-height:1.6;caption-side:top}@media(max-width:900px){.web-designers-course .local-information-comparison caption{display:block;width:100%;box-sizing:border-box;margin-bottom:12px;border-radius:8px}}.web-designers-course .lesson-prose blockquote p+p{margin-top:14px}