.story-nav{color:#fff;background:#061b39;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1rem,50vw - 540px);display:flex}.story-nav a{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:flex}.story-nav img{object-fit:contain;width:42px;height:42px}.story-nav small{letter-spacing:.18em;font-size:.65rem;display:block}.story-page{color:#112744;max-width:1080px;margin:auto;padding:2rem 1rem 4rem}.story-head{text-align:center;max-width:820px;margin:2rem auto}.story-head span,.story-kicker{color:#047ca7;letter-spacing:.12em;font-weight:700}.story-head h1{margin:.5rem 0;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.2}.story-head p{font-size:1.25rem}.story-head small{color:#536781}.story-hero{margin:2rem 0 3rem}.story-hero img{border-radius:24px;width:100%;height:auto;box-shadow:0 20px 50px #08285027}.story-hero figcaption{text-align:right;color:#65758a;font-size:.8rem}.story-prose{max-width:760px;margin:0 auto;font-size:1.13rem;line-height:1.95}.story-prose h2{color:#07527a;margin:2.5rem 0 .5rem;font-size:1.65rem}.story-prose p{margin:0 0 1.2rem}.story-lead{font-size:1.35rem;font-weight:600}.story-prose blockquote{background:#f0f7fb;border-left:5px solid #eaa53b;margin:2rem 0;padding:1rem 1.5rem;font-size:1.25rem}.story-steps{color:#fff;background:#071f3e;border-radius:26px;margin:3rem auto;padding:clamp(1.25rem,4vw,3rem)}.story-steps h2{margin:.2rem 0 1.5rem;font-size:clamp(1.6rem,3vw,2.4rem)}.story-steps ol{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.story-steps li{background:#10375c;border:1px solid #4086a6;border-radius:16px;padding:1.25rem;line-height:1.6}.story-steps b{color:#72e0e5;margin-bottom:.55rem;display:block}.story-share{background:#eef7fa;border-radius:22px;max-width:800px;margin:3rem auto;padding:2rem}.story-share h2{margin:0}.story-share-actions{flex-wrap:wrap;gap:.65rem;margin:1.2rem 0;display:flex}.story-share button{color:#fff;font:inherit;cursor:pointer;background:#075b86;border:0;border-radius:10px;padding:.8rem 1rem}.story-share button:hover{background:#063b5c}.story-share details{margin-top:1rem}.story-share label{margin-top:1rem;font-weight:700;display:block}.story-share textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #aac7d2;border-radius:10px;margin-top:.4rem;padding:1rem;line-height:1.6;display:block}.story-footer{border-top:1px solid #ccdbe4;justify-content:space-between;gap:1rem;padding-top:2rem;display:flex}.story-footer a{color:#075b86}@media (max-width:600px){.story-footer{display:block}.story-footer span{margin-top:1rem;display:block}.story-share{padding:1.25rem}}.story-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:.8rem;display:grid}.story-counts span{text-align:center;background:#fff;border:1px solid #c8dfe9;border-radius:12px;padding:.8rem .5rem;font-size:.82rem;display:block}.story-counts strong{color:#075b86;font-size:1.5rem;display:block}.story-count-note{color:#536781;font-size:.78rem;line-height:1.65}@media (max-width:620px){.story-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}.computer-101{color:#112744;background:#f3f8fb;border:1px solid #d4e4ed;border-radius:24px;max-width:900px;margin:3rem auto;padding:clamp(1.2rem,3vw,2.5rem)}.computer-101 h2{margin:.3rem 0;font-size:clamp(1.7rem,3vw,2.5rem)}.computer-101>p{line-height:1.8}.hardware-lessons{gap:.7rem;margin:1.5rem 0;display:grid}.hardware-lessons details{background:#fff;border:1px solid #cbdde7;border-radius:14px;overflow:hidden}.hardware-lessons summary{cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.2rem;font-size:1.06rem;display:flex}.hardware-lessons summary span{color:#fff;background:#075b86;border-radius:9px;place-items:center;min-width:2.5rem;height:2.5rem;font-weight:700;display:inline-grid}.hardware-lessons details[open] summary{border-bottom:1px solid #dbe8ef}.hardware-lessons details>div{padding:.2rem 1.2rem 1rem;line-height:1.85}.computer-101-next{color:#075b86;font-weight:650}.computer-101-video{color:#fff;background:#075b86;border-radius:14px;align-items:center;gap:1rem;margin:1.2rem 0;padding:1rem 1.2rem;text-decoration:none;display:flex}.computer-101-video:hover{background:#064361}.computer-101-video>span:first-child{color:#075b86;background:#fff;border-radius:50%;place-items:center;width:2.7rem;height:2.7rem;display:grid}.computer-101-video strong,.computer-101-video small{display:block}.computer-101-video small{opacity:.85;margin-top:.2rem}