.site-shell:has(.blog-page) .fg-nav-link[aria-current=page]{background:#e6f0ee;color:#034f46}.blog-page{--ink: #0f1513;--ink-2: #3d4744;--ink-3: #6b7572;--ink-4: #78837e;--brand-green: #034f46;--brand-green-hover: #023d36;--brand-accent: #2e9e8f;--mint-wash: #e6f0ee;--surface-1: #fff;--surface-2: #f6f8f7;--white: #fff;--line: #e6ebe8;--line-strong: #d7e0db;min-height:100vh;padding:148px 0 0;background:var(--white);color:var(--ink);font-family:var(--font-body);line-height:1.5}.blog-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.blog-page :is(a,button,input,summary):focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}.blog-page button,.blog-page input{font-family:inherit}.blog-page svg{flex-shrink:0}.roadmap-graphic{--graphic-accent: #034f46;--graphic-wash: #e6f0ee;position:relative;width:100%;height:100%;min-height:250px;padding:24px;overflow:hidden;border-radius:inherit;background:var(--graphic-wash);color:var(--graphic-accent)}.roadmap-graphic[data-discipline=Engineering]{--graphic-accent: #285d4a;--graphic-wash: #eaf0ea}.roadmap-graphic[data-discipline=Law]{--graphic-accent: #52634f;--graphic-wash: #f0f1e8}.roadmap-graphic[data-discipline=Science]{--graphic-accent: #21786d;--graphic-wash: #e6f2ef}.roadmap-graphic[data-discipline="Sports & Fitness"]{--graphic-accent: #4d6b43;--graphic-wash: #edf2e7}.roadmap-graphic-halo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 10%,#ffffffc9,transparent 65%)}.roadmap-graphic-halo:after{content:"";position:absolute;right:-115px;bottom:-210px;width:370px;height:370px;border:1px solid #ffffffb3;border-radius:50%;box-shadow:0 0 0 35px #ffffff38,0 0 0 70px #ffffff1a}.roadmap-graphic-content{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:20px;height:100%;min-height:202px}.roadmap-graphic-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.roadmap-graphic-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #ffffffb3;border-radius:999px;background:#ffffffa6;font-size:11px;font-weight:600}.roadmap-graphic-dot{width:5px;height:5px;border-radius:50%;background:var(--graphic-accent)}.roadmap-graphic-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffffbf;border-radius:13px;background:#ffffffbf;box-shadow:0 7px 16px -10px #034f4638}.roadmap-graphic-main{margin:auto 0}.roadmap-graphic-title{max-width:360px;margin:0;font-family:var(--font-head);font-size:25px;font-weight:800;line-height:1.13;letter-spacing:-.045em;text-wrap:balance}.roadmap-graphic-subtitle{max-width:360px;margin:8px 0 0;color:#4c6660;font-size:12px;line-height:1.5}.roadmap-graphic-track{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;max-width:330px}.roadmap-graphic-step{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:43px;color:#637c73;font-size:10px;font-weight:500}.roadmap-graphic-step b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #034f461c;border-radius:50%;background:#ffffff8c;font-size:10px;font-weight:700}.roadmap-graphic-step.is-done b{border-color:var(--graphic-accent);background:var(--graphic-accent);color:#fff}.roadmap-graphic-step.is-current b{border-color:var(--graphic-accent);background:#fff;color:var(--graphic-accent);box-shadow:0 0 0 4px #ffffff80}.roadmap-graphic-step.is-current,.roadmap-graphic-step.is-done{color:var(--graphic-accent);font-weight:600}.roadmap-graphic-connector{flex:1;height:2px;margin:13px 0 0;border-radius:999px;background:#034f461a}.roadmap-graphic-connector.is-done{background:var(--graphic-accent);opacity:.5}.roadmap-graphic-footer{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:4px;color:#5e7870;font-size:9px}.roadmap-graphic-brand{font-family:var(--font-head);color:var(--graphic-accent);font-size:12px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.roadmap-graphic-brand span{margin-left:4px;font-size:9px;font-weight:500;letter-spacing:0}.size-card{height:240px;min-height:0;padding:22px}.size-card .roadmap-graphic-content{min-height:0;gap:12px}.size-card .roadmap-graphic-icon{width:32px;height:32px;border-radius:10px}.size-card .roadmap-graphic-icon svg{width:19px;height:19px}.size-card .roadmap-graphic-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:24px}.size-card .roadmap-graphic-subtitle,.size-card .roadmap-graphic-footer{display:none}.size-featured{min-height:390px;padding:34px}.size-featured .roadmap-graphic-content{min-height:322px;gap:16px}.size-featured .roadmap-graphic-title{font-size:clamp(30px,3.5vw,43px);line-height:1.08}.size-featured .roadmap-graphic-subtitle{font-size:14px}.size-featured .roadmap-graphic-icon{width:48px;height:48px;border-radius:16px}.size-featured .roadmap-graphic-step b{width:35px;height:35px;font-size:12px}.size-featured .roadmap-graphic-step{font-size:12px}.size-featured .roadmap-graphic-connector{margin-top:17px}.size-featured .roadmap-graphic-footer{font-size:11px}.size-featured .roadmap-graphic-brand{font-size:15px}.blog-hero{max-width:800px;margin:0 auto 56px;text-align:center;animation:blog-arrive .7s cubic-bezier(.25,1,.5,1) both}.blog-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;padding:7px 14px;border-radius:999px;background:linear-gradient(180deg,#fff,#f3f6f5);box-shadow:inset 0 1px #fff,0 0 0 1px #0f15131a,0 8px 20px -12px #0f15132e;color:var(--ink-2);font-size:13px;font-weight:500}.blog-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-accent)}.blog-hero-title{margin:24px 0 0;font-family:var(--font-head);font-size:clamp(48px,7vw,82px);font-weight:800;line-height:1.02;letter-spacing:-.055em;color:var(--ink)}.blog-hero-title span{display:block;color:var(--brand-green)}.blog-hero-desc{max-width:570px;margin:24px auto 0;color:#4a5451;font-size:18px;line-height:1.7}.blog-hero-facts{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 18px;margin-top:24px;color:var(--ink-3);font-size:13px}.blog-hero-facts>span:not(.blog-facts-divider){display:inline-flex;align-items:center;gap:6px}.blog-hero-facts svg{margin-right:3px;color:var(--brand-accent)}.blog-hero-facts b{color:var(--ink);font-weight:700}.blog-facts-divider{width:1px;height:14px;background:var(--line-strong)}.blog-browse-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:6px 0;color:var(--brand-green);font-size:13px;font-weight:600}.blog-browse-link:hover svg{transform:translateY(3px)}.blog-browse-link svg{transition:transform .18s ease}.featured-article-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:16px;padding:16px;border-radius:32px;background:var(--surface-2);color:var(--ink)}.featured-graphic-wrap{min-width:0;overflow:hidden;border-radius:24px}.featured-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:390px;padding:36px;border-radius:24px;background:var(--brand-green);color:#fff}.featured-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:22px;color:#a9dfd2;font-size:12px;font-weight:600}.article-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px}.article-category{color:var(--brand-green);font-size:12px;font-weight:600}.featured-content .article-category{color:#c2e6dd}.featured-title{margin:0;color:#fff;font-family:var(--font-head);font-size:clamp(26px,2.7vw,35px);font-weight:800;line-height:1.16;letter-spacing:-.045em;text-wrap:balance}.featured-summary{margin:18px 0 0;color:#ffffffbf;font-size:15px;line-height:1.7}.article-date-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px;color:#ffffffa6;font-size:11px}.article-date-row>span:first-child{display:inline-flex;align-items:center;gap:5px}.featured-read-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-top:24px;padding:11px 18px;border-radius:12px;background:linear-gradient(180deg,#fff,#f3f6f5);box-shadow:inset 0 1px #fff,0 8px 20px -12px #0006;color:var(--brand-green);font-size:13px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}.featured-article-card:hover .featured-read-link{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 10px 22px -10px #0006}.blog-library{margin-top:80px;scroll-margin-top:96px}.blog-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.blog-section-label{margin:0 0 10px;color:var(--ink-3);font-size:12px;font-weight:500}.blog-library-heading h2{margin:0;font-family:var(--font-head);font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.045em}.blog-search{display:flex;align-items:center;gap:10px;width:350px;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--white);color:var(--ink-3);transition:border-color .18s ease,box-shadow .18s ease}.blog-search:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 3px #2e9e8f14}.blog-search input{width:100%;min-width:0;padding:13px 0;border:0;background:transparent;color:var(--ink);font-size:13px}.blog-search input:focus-visible{outline:none}.blog-search input::placeholder{color:#7e8983}.blog-search input::-webkit-search-cancel-button{-webkit-appearance:none}.blog-search button{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:var(--surface-2);color:var(--ink-3)}.blog-chips-wrap{margin-bottom:24px}.blog-chips-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.blog-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(180deg,#fff,#f6f8f7);color:#4a5451;font-size:12px;font-weight:500;white-space:nowrap}.blog-chip:hover{border-color:#c9ddd5;background:var(--mint-wash);color:var(--brand-green)}.blog-chip.active{border-color:var(--brand-green);background:var(--brand-green);color:#fff}.blog-chip-count{min-width:18px;padding:1px 5px;border-radius:999px;background:#0f151308;color:var(--ink-3);font-size:10px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.blog-chip.active .blog-chip-count{background:#ffffff26;color:#fff}.blog-results-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px;margin-bottom:20px}.blog-results-heading p{margin:0;color:var(--ink-3);font-size:12px;overflow-wrap:anywhere}.blog-reset-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:32px;padding:4px 0 4px 8px;border:0;background:transparent;color:var(--brand-green);font-size:12px;font-weight:600}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 2px 4px #0f151303;content-visibility:auto;contain-intrinsic-size:320px 420px;transition:transform .22s cubic-bezier(.25,1,.5,1),box-shadow .22s ease,border-color .22s ease}.blog-card:hover{transform:translateY(-4px);border-color:#ceddd5;box-shadow:0 20px 36px -24px #034f464d}.blog-card:focus-visible{outline-offset:4px}.blog-card-graphic-wrap{border-bottom:1px solid #034f4608}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:24px}.blog-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:14px}.article-read-time{display:inline-flex;align-items:center;gap:4px;color:var(--ink-3);font-size:11px;white-space:nowrap}.blog-card-title{margin:0;color:var(--ink);font-family:var(--font-head);font-size:21px;font-weight:800;line-height:1.3;letter-spacing:-.035em;overflow-wrap:anywhere;transition:color .18s ease}.blog-card:hover .blog-card-title{color:var(--brand-green)}.blog-card-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 24px;color:var(--ink-3);font-size:13px;line-height:1.7}.blog-card-date{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:var(--ink-3);font-size:11px}.blog-card-read{display:inline-flex;align-items:center;gap:4px;color:var(--brand-green);font-size:11px;font-weight:600;white-space:nowrap}.blog-card-read svg{transition:transform .18s ease}.blog-card:hover .blog-card-read svg{transform:translate(2px,-2px)}.blog-empty-state{padding:64px 24px;border:1px dashed var(--line-strong);border-radius:24px;background:var(--surface-2);text-align:center}.blog-empty-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border-radius:20px;background:var(--mint-wash);color:var(--brand-green)}.blog-empty-state h3{margin:0;font-family:var(--font-head);font-size:25px;font-weight:800;letter-spacing:-.04em}.blog-empty-state p{max-width:430px;margin:14px auto 24px;color:var(--ink-3);font-size:14px;line-height:1.7}.blog-empty-state button,.blog-load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;border:1px solid var(--line-strong);border-radius:13px;background:linear-gradient(180deg,#fff,#f3f6f5);box-shadow:inset 0 1px #fff,0 8px 20px -14px #0f151333;color:var(--ink);font-size:13px;font-weight:600}.blog-empty-state button:hover,.blog-load-more-btn:hover{transform:translateY(-1px);border-color:#c5d6cd;color:var(--brand-green)}.blog-load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:40px}.blog-load-more-count{margin:0;color:var(--ink-3);font-size:12px}.blog-library-note{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:60px;margin-top:96px;padding:60px;overflow:hidden;border-radius:36px;background:radial-gradient(ellipse at 100% 100%,#2e9e8f42,transparent 70%),#0f1513;color:#fff}.blog-note-copy .blog-section-label{margin-bottom:16px;color:#a8d9ca}.blog-note-copy h2{margin:0;color:#fff;font-family:var(--font-head);font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.05;letter-spacing:-.05em}.blog-note-copy h2 span{color:#7cd6c5}.blog-note-copy>p:not(.blog-section-label){max-width:380px;margin:20px 0 28px;color:#ffffffa6;font-size:15px;line-height:1.7}.blog-note-checkin{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:28px;border:1px solid #ffffff66;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 28px 60px -32px #0009}.blog-note-check{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--mint-wash);color:var(--brand-green)}.blog-note-app-name{color:var(--ink-3);font-size:11px;font-weight:600}.blog-note-checkin strong{display:block;margin-top:4px;font-family:var(--font-head);font-size:17px;font-weight:800;line-height:1.3;letter-spacing:-.03em}.blog-note-checkin p{margin:5px 0 0;color:var(--ink-3);font-size:12px;line-height:1.6}.blog-note-progress{display:flex;grid-column:1 / -1;gap:5px;margin-top:12px}.blog-note-progress span{flex:1;height:6px;border-radius:999px;background:var(--line)}.blog-note-progress span:nth-child(-n+2){background:var(--brand-accent)}.blog-note-progress span:nth-child(3){background:linear-gradient(to right,var(--brand-accent) 50%,var(--line) 50%)}.blog-note-caption{grid-column:1 / -1;color:var(--brand-green);font-size:11px;font-weight:500}.blog-reading-progress{position:fixed;top:0;left:0;right:0;z-index:100;height:3px;pointer-events:none}.blog-reading-progress-bar{height:100%;background:var(--brand-accent);transition:width .1s linear}.post-header{max-width:860px;margin:0 auto 44px;text-align:center}.post-breadcrumb{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:var(--ink-3);font-size:12px}.post-breadcrumb a{color:var(--ink-3)}.post-breadcrumb a:hover{color:var(--brand-green)}.post-breadcrumb-active{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brand-green);font-weight:500}.post-badge{display:inline-flex;margin-bottom:20px;padding:6px 12px;border-radius:999px;background:var(--mint-wash);color:var(--brand-green);font-size:12px;font-weight:600}.post-title{margin:0 0 22px;color:var(--ink);font-family:var(--font-head);font-size:clamp(34px,4.7vw,60px);font-weight:800;line-height:1.07;letter-spacing:-.05em;text-wrap:balance;overflow-wrap:anywhere}.post-subtitle{max-width:690px;margin:0 auto 28px;color:#4a5451;font-size:17px;line-height:1.75}.post-author-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;color:var(--ink-3);font-size:13px}.post-author-link,.post-author-info-wrap{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.post-author-link{cursor:pointer;transition:opacity .2s ease}.post-author-link:hover .post-author-name{color:var(--brand-green);text-decoration:underline}.post-author-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--brand-green);color:#fff;font-size:11px;font-weight:700;overflow:hidden;box-shadow:0 0 0 1.5px #10b98159;flex-shrink:0}.post-author-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.post-author-name{color:var(--ink);font-weight:600;transition:color .15s ease}.post-author-role{color:var(--ink-2);font-weight:500}.post-hero-banner{max-width:1100px;margin:0 auto 48px;overflow:hidden;border:1px solid #034f4608;border-radius:32px}.post-content-diagram-wrap{margin:36px 0 44px;border-radius:20px;overflow:hidden;border:1px solid var(--line, #e1e8e5);background:#fff;box-shadow:0 4px 20px -4px #0f15130f}.post-content-diagram{width:100%;height:auto;display:block;border-radius:20px 20px 0 0}.post-content-diagram-caption{padding:13px 20px;font-size:13px;color:var(--ink-3, #52605b);background:#f8faf9;border-top:1px solid var(--line, #e6ece9);text-align:center;line-height:1.5}.size-hero{min-height:392px;padding:36px 60px}.size-hero .roadmap-graphic-content{max-width:760px;min-height:320px;margin:0 auto;gap:24px}.size-hero .roadmap-graphic-title{max-width:630px;font-size:clamp(30px,4vw,50px);line-height:1.1}.size-hero .roadmap-graphic-subtitle{max-width:630px;font-size:15px}.size-hero .roadmap-graphic-track{width:100%;max-width:400px}.size-hero .roadmap-graphic-footer{font-size:11px}.size-hero .roadmap-graphic-brand{font-size:15px}.post-layout-grid{display:grid;grid-template-columns:180px minmax(0,1fr) 220px;align-items:start;gap:32px;margin:48px auto 0}.post-sidebar-left,.post-sidebar-right{position:sticky;top:96px}.post-sidebar-left{display:flex;flex-direction:column;min-width:0;max-height:calc(100dvh - 128px)}.post-toc-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 6px 6px;scroll-padding-block:16px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;scrollbar-gutter:stable}.post-sidebar-left .post-toc-list{border-left:none}.post-sidebar-left .post-toc-link{margin-left:0;padding:8px 12px;border-left:none;border-radius:8px}.post-sidebar-left .post-toc-link.active{border-left:none}.post-toc-title{flex-shrink:0;margin:0 0 10px;padding:0 12px;color:var(--ink-4, #54605c);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.post-toc-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;border-left:none}.post-toc-link{display:block;padding:8px 12px;border-radius:8px;color:#525a54;font-size:13px;font-weight:450;line-height:1.45;text-decoration:none;transition:background .14s ease,color .14s ease}.post-toc-link:hover{background:#0f15130a;color:var(--ink, #0f1513)}.post-toc-link.active{background:#f3f5f4;color:var(--ink, #0f1513);font-weight:600}.post-toc-mobile{display:none;max-width:720px;margin:0 auto 32px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--white)}.post-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:16px 20px;list-style:none;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}.post-toc-mobile summary::-webkit-details-marker,.blog-faq-question::-webkit-details-marker{display:none}.post-toc-mobile[open] summary svg{transform:rotate(180deg)}.post-toc-mobile-nav{max-height:min(50dvh,28rem);overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 16px;border-top:1px solid var(--line);scroll-padding-block:16px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.blog-prose{min-width:0;color:var(--ink-2);font-size:17px;line-height:1.8}.blog-prose section,.stage-milestone-box{scroll-margin-top:96px}.blog-prose p{margin:0 0 24px;color:var(--ink-2);line-height:1.8}.blog-prose h2{margin:52px 0 20px;color:var(--ink);font-family:var(--font-head);font-size:clamp(25px,2.5vw,32px);font-weight:800;line-height:1.2;letter-spacing:-.04em}.blog-prose>section:first-child h2{margin-top:0}.blog-prose h3{margin:32px 0 14px;color:var(--ink);font-family:var(--font-head);font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.03em}.blog-prose ul{margin:0 0 24px;padding-left:24px;list-style:disc}.blog-prose li{margin-bottom:10px}.blog-prose strong{color:var(--ink);font-weight:700}.blog-callout{margin:28px 0;padding:24px;border:1px solid #d9e8e1;border-radius:20px;background:var(--mint-wash)}.blog-callout-label{margin-bottom:10px;color:var(--brand-green);font-size:12px;font-weight:700}.blog-callout p{margin:0;color:var(--brand-green);font-size:15px;line-height:1.75}.stage-milestone-box{margin:24px 0;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--surface-2)}.stage-milestone-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:18px}.stage-milestone-num{padding:5px 10px;border-radius:999px;background:var(--mint-wash);color:var(--brand-green);font-size:10px;font-weight:700;letter-spacing:.04em}.stage-milestone-time{color:var(--ink-3);font-size:12px}.blog-prose .stage-milestone-title{margin:0 0 12px;font-size:21px;font-weight:800}.stage-milestone-box>p{margin-bottom:18px;font-size:15px;line-height:1.75}.stage-topics-tags{display:flex;flex-wrap:wrap;gap:6px}.stage-topic-tag{max-width:100%;padding:4px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-2);font-size:11px;line-height:1.7;overflow-wrap:anywhere}.stage-project-goal{margin-top:20px;padding:14px;border-radius:12px;background:#fff;color:var(--brand-green);font-size:13px;font-weight:500;line-height:1.7}.blog-pitfalls-list{display:flex;flex-direction:column;gap:14px;margin-top:24px}.pitfall-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.pitfall-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;color:#a36524;font-size:15px;line-height:1.6}.pitfall-fix{display:flex;align-items:flex-start;gap:8px;padding-left:27px;color:var(--ink-2);font-size:14px;line-height:1.7}.pitfall-fix-label{flex-shrink:0;color:var(--brand-green);font-weight:600}.blog-faq-section{margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}.blog-faq-section h2{margin-top:0}.blog-faq-item{margin-bottom:10px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.blog-faq-item[open]{border-color:var(--surface-2);background:var(--surface-2)}.blog-faq-question{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;list-style:none;color:var(--ink);font-family:var(--font-head);font-size:15px;font-weight:700;line-height:1.5;cursor:pointer}.blog-faq-question svg{width:28px;height:28px;padding:6px;border-radius:50%;background:var(--mint-wash);color:var(--brand-green);transition:transform .18s ease}.blog-faq-item[open] .blog-faq-question svg{transform:rotate(180deg)}.blog-faq-answer{padding:0 20px 22px;font-size:14px}.blog-faq-answer p{margin:0}.blog-inline-link{color:var(--brand-green, #034f46);font-weight:600;text-decoration:underline;text-decoration-color:#2e9e8f80;text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}.blog-inline-link:hover{color:#023630;text-decoration-color:#034f46}.blog-related-section{margin-top:56px;padding-top:36px;border-top:1px solid var(--line, #e5e9e8)}.blog-related-section h2{margin:0 0 10px;font-family:var(--font-head);font-size:clamp(22px,2.5vw,28px);font-weight:800;color:var(--ink-1, #131b19);letter-spacing:-.03em}.blog-related-section p{margin:0 0 24px;color:var(--ink-2, #475450);font-size:14px;line-height:1.6}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.blog-related-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line, #e5e9e8);border-radius:16px;background:#fff;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.blog-related-card:hover{transform:translateY(-2px);border-color:#2e9e8f60;box-shadow:0 10px 24px -12px #034f4625}.blog-related-badge{display:inline-block;align-self:flex-start;padding:3px 8px;border-radius:6px;background:#eef7f5;color:#034f46;font-size:11px;font-weight:600;margin-bottom:10px}.blog-related-card-title{margin:0 0 8px;font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--ink-1, #131b19);line-height:1.35}.blog-related-card-desc{margin:0 0 16px;color:var(--ink-3, #6b7a75);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.blog-related-link{display:inline-flex;align-items:center;gap:5px;color:var(--brand-green, #034f46);font-size:12px;font-weight:700}.blog-prose .blog-app-preview-card,.blog-app-preview-card{position:relative;overflow:hidden;margin:44px 0 36px;border-radius:2.25rem;background:#0f1513;color:#fff;box-shadow:0 24px 60px -20px #000000b3;border:1px solid rgba(255,255,255,.08)}.blog-app-preview-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 75% at 85% 100%,rgba(46,158,143,.45),transparent 70%)}.blog-app-preview-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr;align-items:end;gap:28px;padding:36px 24px 0}@media (min-width: 820px){.blog-app-preview-inner{grid-template-columns:1.15fr .85fr;gap:32px;padding:44px 38px 0}}.blog-app-preview-content{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:32px}@media (max-width: 819px){.blog-app-preview-content{align-items:center;text-align:center;padding-bottom:8px}}.blog-prose .blog-app-preview-card h3.blog-app-preview-headline,.blog-app-preview-headline{margin:0 0 14px!important;font-family:var(--font-head);font-size:clamp(24px,3.2vw,36px);font-weight:800;color:#fff!important;letter-spacing:-.04em;line-height:1.08}.blog-app-preview-highlight{color:#7cd6c5;display:inline}.blog-prose .blog-app-preview-card p.blog-app-preview-desc,.blog-app-preview-desc{margin:0 0 22px!important;font-size:15px;line-height:1.55;color:#ffffffad!important;max-width:440px}.blog-app-preview-cta-wrap{margin-bottom:20px}.blog-play-badge{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 22px 0 18px;border-radius:14px;background:#000;color:#fff!important;text-decoration:none;box-shadow:inset 0 0 0 1px #8a9490,0 12px 28px -12px #0009;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.blog-play-badge:hover{transform:translateY(-2px);background:#141816;box-shadow:inset 0 0 0 1px #b4bcb8,0 18px 36px -12px #000000bf}.blog-play-badge:active{transform:scale(.98)}.blog-play-badge-labels{display:flex;flex-direction:column;text-align:left;line-height:1}.blog-play-badge-sub{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffffd9}.blog-play-badge-main{margin-top:3px;font-size:18px;font-weight:700;letter-spacing:-.01em;color:#fff}.blog-app-preview-perks{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:12.5px;color:#94a3b8;font-weight:500}@media (max-width: 819px){.blog-app-preview-perks{justify-content:center}}.blog-app-phone-container{position:relative;width:100%;max-width:295px;height:330px;margin:0 auto;overflow:hidden}.blog-app-phone-mockup{position:absolute;top:0;left:0;right:0;border-radius:2.6rem 2.6rem 0 0;padding:8px 8px 0;background:#1d2421;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1.5px #2f3734,0 40px 80px -20px #000c}.blog-app-phone-screen{position:relative;overflow:hidden;border-radius:2.2rem 2.2rem 0 0;background:#fff;height:520px;display:flex;flex-direction:column;color:#0f1513}.blog-phone-status-bar{position:relative;display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 18px;font-size:11px;font-weight:600;color:#0f1513;flex-shrink:0}.blog-phone-island{position:absolute;left:50%;top:7px;transform:translate(-50%);width:78px;height:22px;border-radius:999px;background:#0f1513}.blog-phone-status-icons{display:flex;align-items:center;gap:3px}.blog-phone-signal{display:flex;align-items:flex-end;gap:1.5px}.blog-phone-signal span{width:2.5px;background:#0f1513;border-radius:.5px}.blog-phone-battery{width:19px;height:10px;border-radius:2.5px;border:1px solid rgba(15,21,19,.5);padding:1px;display:flex;margin-left:2px}.blog-phone-battery span{width:65%;height:100%;background:#0f1513;border-radius:1px}.blog-phone-content{padding:8px 16px 20px;display:flex;flex-direction:column;gap:9px;font-family:var(--font-body)}.blog-phone-top{display:flex;align-items:flex-start;justify-content:space-between}.blog-phone-greeting{font-size:10px;font-weight:600;color:#6b7572;margin:0;line-height:1}.blog-phone-heading{font-family:var(--font-head);font-size:1.35rem;font-weight:800;color:#0f1513;letter-spacing:-.04em;margin:2px 0 0;line-height:1}.blog-phone-streak{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:#b26b00;background:#fff4dc;padding:2.5px 8px;border-radius:999px}.blog-phone-progress-card{background:#f6f8f7;border-radius:14px;padding:10px 12px}.blog-phone-progress-header{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:#0f1513}.blog-phone-progress-pct{color:#034f46;font-weight:800;font-size:12.5px}.blog-phone-progress-bar{display:flex;gap:3px;margin:7px 0 6px}.blog-phone-seg{flex:1;height:4px;border-radius:999px;background:#e3e8e6}.blog-phone-seg.is-filled{background:#2e9e8f}.blog-phone-seg.is-half{background:linear-gradient(90deg,#2e9e8f 50%,#e3e8e6 50%)}.blog-phone-stage-label{font-size:9.5px;color:#6b7572;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-phone-today-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:#0f1513;margin-top:2px}.blog-phone-today-count{font-size:10px;font-weight:600;color:#6b7572}.blog-phone-topic-card{background:#fff;border-radius:14px;padding:11px 12px;box-shadow:0 0 0 1px #0f151314,0 8px 20px -12px #0f151340}.blog-phone-topic-tag-row{display:flex;align-items:center;gap:6px}.blog-phone-topic-tag{background:#e6f0ee;color:#034f46;font-size:9px;font-weight:700;padding:1.5px 6px;border-radius:999px}.blog-phone-read-time{font-size:9px;color:#9aa3a0}.blog-phone-topic-title{font-family:var(--font-head);font-size:13.5px;font-weight:800;color:#0f1513;margin:5px 0 2px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-phone-topic-desc{font-size:10px;line-height:1.35;color:#6b7572;margin:0}.blog-phone-card-actions{display:flex;gap:6px;margin-top:8px}.blog-phone-btn-ai{flex:1;height:27px;display:inline-flex;align-items:center;justify-content:center;background:#e6f0ee;color:#034f46;border-radius:8px;font-size:10px;font-weight:700}.blog-phone-btn-done{flex:1;height:27px;display:inline-flex;align-items:center;justify-content:center;background:#034f46;color:#fff;border-radius:8px;font-size:10px;font-weight:700}.blog-phone-completed-card{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:7px 10px;box-shadow:0 0 0 1px #0f151314}.blog-phone-check-circle{width:17px;height:17px;border-radius:50%;background:#2e9e8f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;flex-shrink:0}.blog-phone-completed-text{font-size:10.5px;color:#9aa3a0;text-decoration:line-through;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-mobile-sticky-bar{display:none}@media (max-width: 900px){.blog-page{padding-bottom:84px}.blog-mobile-sticky-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:99;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px max(12px,env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -4px 18px #0f15130a}.blog-mobile-sticky-content{display:flex;align-items:center;min-width:0}.blog-mobile-sticky-info{display:flex;flex-direction:column;gap:4px;min-width:0}.blog-mobile-sticky-name{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-mobile-sticky-tagline{font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-mobile-sticky-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:8px;background:var(--brand-green);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0;text-decoration:none}.blog-mobile-sticky-btn:hover{background:var(--brand-green-hover)}}.blog-bottom-cta{margin-top:56px;padding:40px;border-radius:28px;background:radial-gradient(ellipse at 100% 100%,#2e9e8f42,transparent 70%),#0f1513;color:#fff}.blog-bottom-cta .blog-bottom-cta-title{margin:0 0 18px;color:#fff;font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.15}.blog-bottom-cta p{margin:0 0 24px;color:#ffffffb3;font-size:14px;line-height:1.75}.blog-bottom-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:12px;background:#fff;color:#034f46;font-size:12px;font-weight:600;line-height:1.6}.blog-bottom-cta-btn:hover{transform:translateY(-2px);background:#e6f0ee}.post-app-widget{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.app-widget-header{margin-bottom:14px}.app-widget-title{margin:0;color:var(--ink);font-family:var(--font-head);font-size:18px;font-weight:700;line-height:1.35;letter-spacing:-.035em}.app-widget-category{margin:0 0 8px;color:var(--ink-3);font-size:10.5px;font-weight:600;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}.app-widget-desc{margin:0 0 20px;color:var(--ink-3);font-size:13px;line-height:1.7}.app-widget-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border-radius:8px;background:var(--brand-green);color:#fff;font-size:12.5px;font-weight:600}.app-widget-button:hover{background:var(--brand-green-hover)}.app-widget-footer{margin:14px 0 0;color:var(--ink-3);font-size:11px;text-align:center}@keyframes blog-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width: 1120px){.post-layout-grid{grid-template-columns:minmax(0,1fr) 220px}.post-sidebar-left{display:none}.post-toc-mobile{display:block}}@media (max-width: 1023px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-content{padding:28px}.blog-library-note{gap:32px;padding:40px}}@media (max-width: 860px){.featured-article-card{grid-template-columns:1fr}.featured-content{min-height:0;padding:32px}.featured-graphic-wrap .size-featured{min-height:370px}.size-featured .roadmap-graphic-content{min-height:302px}.size-featured .roadmap-graphic-main,.size-featured .roadmap-graphic-title,.size-featured .roadmap-graphic-subtitle{max-width:500px}.blog-library-heading{align-items:flex-start;flex-direction:column;gap:24px}.blog-search{width:100%}.blog-library-note{grid-template-columns:1fr;gap:36px}.blog-note-checkin{max-width:440px}.post-layout-grid{grid-template-columns:minmax(0,1fr);max-width:720px;gap:0}.post-sidebar-right{position:static;margin-top:40px}.post-app-widget{max-width:360px}}@media (max-width: 639px){.blog-page{padding-top:124px}.blog-container{padding:0 20px}.blog-hero{margin-bottom:40px}.blog-hero-title{font-size:clamp(42px,10.5vw,64px)}.blog-hero-desc{max-width:400px;font-size:16px}.featured-article-card{gap:12px;padding:12px;border-radius:26px}.featured-graphic-wrap,.featured-content{border-radius:18px}.featured-content{padding:26px}.featured-title{font-size:27px}.featured-summary{font-size:14px}.size-featured{padding:26px}.featured-graphic-wrap .size-featured{min-height:340px}.size-featured .roadmap-graphic-content{min-height:288px;gap:12px}.size-featured .roadmap-graphic-icon{width:40px;height:40px}.size-featured .roadmap-graphic-title{font-size:32px}.size-featured .roadmap-graphic-footer{font-size:9px}.size-featured .roadmap-graphic-brand{font-size:12px}.blog-library{margin-top:60px}.blog-library-heading{margin-bottom:24px}.blog-chip{gap:6px;padding:9px 12px;font-size:11px}.blog-results-heading{align-items:flex-start}.blog-grid{grid-template-columns:minmax(0,1fr);gap:20px}.blog-card-body{padding:22px}.blog-card-title{font-size:22px}.blog-empty-state{padding:48px 22px}.blog-library-note{gap:30px;margin-top:72px;padding:32px 26px;border-radius:28px}.blog-note-checkin{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:20px;border-radius:18px}.blog-note-check{width:40px;height:40px;border-radius:13px}.blog-note-checkin strong{font-size:15px}.post-title{font-size:clamp(33px,8vw,46px)}.post-subtitle{font-size:16px}.post-hero-banner{border-radius:24px}.size-hero{min-height:380px;padding:26px}.size-hero .roadmap-graphic-content{min-height:328px;gap:16px}.size-hero .roadmap-graphic-title{font-size:32px}.size-hero .roadmap-graphic-footer{font-size:9px}.blog-prose{font-size:16px}.stage-milestone-box,.blog-callout,.pitfall-card{padding:20px}.pitfall-fix{display:block;padding-left:0}.pitfall-fix-label{margin-right:5px}.blog-bottom-cta{padding:30px 24px;border-radius:24px}}@media (max-width: 399px){.blog-container{padding:0 16px}.blog-hero-facts{gap:10px;font-size:11px}.blog-hero-facts svg{width:13px;height:13px;margin-right:0}.featured-content,.size-featured{padding:22px}.featured-title{font-size:25px}.blog-card-body{padding:20px}.blog-library-note{padding:30px 22px}.blog-note-checkin{padding:18px}}@media (prefers-reduced-motion: reduce){.blog-hero{animation:none}.blog-page a,.blog-page button,.blog-page svg,.blog-reading-progress-bar{transition:none}.blog-card:hover,.blog-card:hover svg,.featured-article-card:hover .featured-read-link,.blog-browse-link:hover svg{transform:none}}
