.article-reading{--reading-ink: #183746;--reading-copy: #405c67;--reading-cyan: #087da1;--reading-line: #c9e1e8;--reading-wash: #f2f9fa;max-width:960px;margin-inline:auto;padding-top:28px;padding-bottom:48px;color:var(--reading-copy);font-size:17px;line-height:1.7}.article-reading .article-copy,.article-reading .article-opening,.article-reading .article-text,.article-reading .article-section-heading,.article-reading .article-callout,.article-contents{max-width:760px;margin-inline:auto}.article-reading .article-copy,.article-reading .article-opening,.article-reading .article-text{font-size:18px}.article-reading .article-copy .text-sm,.article-reading .article-text .text-sm,.article-reading .article-copy table{font-size:16px}.article-reading .article-copy:has(table){max-width:none}.article-reading .article-copy p+p{margin-top:14px}.article-reading .article-copy :is(h2,h3,h4){font-family:var(--font-display, "Bricolage Grotesque", sans-serif);font-weight:700;color:var(--reading-ink);line-height:1.25;letter-spacing:-.018em;margin-bottom:11px}.article-reading .article-copy h2{font-size:27px;margin-top:24px}.article-reading .article-copy h3{font-size:22px}.article-reading .article-copy h4{font-size:20px}.article-reading [id]{scroll-margin-top:36px}.article-reading .article-copy :is(p,li),.article-reading .article-text :is(p,li){line-height:1.75}.article-reading .article-copy :is(ul,ol){padding-left:22px}.article-reading .article-copy li+li{margin-top:6px}.article-reading .article-callout{margin-top:22px;margin-bottom:22px;padding:21px;border-radius:4px 15px 15px 4px}.article-reading .article-callout h2{font-size:25px;line-height:1.2;margin-bottom:12px}.article-reading .article-callout-warning{border-width:2px}.article-reading .article-opening{margin-bottom:20px}.article-reading .article-opening>:last-child{margin-bottom:0}.article-reading .article-section-heading{margin-top:30px;margin-bottom:14px}.article-reading .article-section-heading h2{font-size:27px;line-height:1.2}.article-reading .article-number{width:40px;height:40px;border-width:0;border-radius:11px 11px 11px 4px;font-size:21px;box-shadow:0 3px #b9dfe7}.article-reading .article-cover{display:block;margin:20px auto 26px}.article-reading .article-cover img,.article-reading .article-illustration img{display:block;width:auto;max-width:100%;max-height:460px;object-fit:contain;margin-inline:auto}.article-reading .article-illustration{margin:22px auto}.article-reading .article-illustration img{border-color:var(--reading-line);border-radius:13px;box-shadow:0 6px 18px #18374612}.article-reading .article-illustration img.rounded-none{border-radius:0}.article-reading .article-illustration figcaption{font-size:14px;color:#52676b}.article-reading .article-opening>p:first-child{color:var(--reading-ink)}.article-reading .article-opening>p:first-child:not(:only-child){font-size:18px}.article-reading :is(.article-copy,.article-text) strong{color:var(--reading-ink)}.article-reading :is(.article-copy,.article-text,.article-callout) a{color:#006c8e;text-decoration-color:#82bfce;text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}.article-reading :is(.article-copy,.article-text,.article-callout) a:hover{color:#12465b;text-decoration-color:currentColor}.article-reading .article-copy li::marker,.article-reading .article-text li::marker{color:var(--reading-cyan)}.article-reading .article-text{color:var(--reading-copy)}.article-reading :is(.article-copy,.article-text)>ul,.article-reading :is(.article-copy,.article-text)>ol{margin-top:14px;margin-bottom:20px}.article-reading :is(.article-text,.article-copy) input[type=checkbox]{accent-color:var(--reading-cyan)}.article-reading :is(a,button,summary,input):focus-visible{outline:3px solid #1685a5;outline-offset:3px}.article-reading .article-copy>div.grid{gap:12px}.article-reading .article-copy>div.grid>div{border-color:var(--reading-line);border-radius:13px;background:#f6fbfc}.article-reading .article-table-region{margin:20px 0}.article-contents{margin-top:20px;margin-bottom:22px;border:1px solid var(--reading-line);border-left:4px solid var(--reading-cyan);border-radius:4px 13px 13px 4px;background:#f3fafb;font-size:16px;color:var(--reading-ink)}.article-contents summary{display:flex;align-items:center;gap:10px;padding:16px 18px;min-height:52px;cursor:pointer;font-weight:700;list-style:none}.article-contents summary::-webkit-details-marker{display:none}.article-contents summary:after{content:"+";margin-left:4px;font-size:22px}.article-contents details[open] summary:after{content:"−"}.article-contents-count{margin-left:auto;font-size:13px;font-weight:500}.article-contents ol{display:grid;gap:6px 24px;padding:0 18px 18px;list-style:none}.article-contents a{display:block;padding:7px 0;line-height:1.5;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8bbdce}.article-contents a:hover{color:var(--reading-cyan)}.article-contents :is(a,summary):focus-visible,.article-table-region:focus-visible{outline:3px solid #087ca4;outline-offset:3px;border-radius:6px}.article-table-region{overflow-x:auto;margin:24px 0}.article-table-hint{display:none;font-size:16px;line-height:1.6;color:#405a63;margin:0 0 12px}.article-reading .article-copy table.article-table{min-width:0;margin:0}.article-reading:not(.home-computer-guide){color:var(--reading-copy)}.article-reading:not(.home-computer-guide) .article-opening{max-width:820px;padding:18px 21px;border:1px solid var(--reading-line);border-left:4px solid var(--reading-cyan);border-radius:4px 14px 14px 4px;background:linear-gradient(105deg,#eff8fa,#f8fbfa 82%)}.article-reading:not(.home-computer-guide) .article-opening p{color:var(--reading-copy);font-size:17px;line-height:1.68}.article-reading:not(.home-computer-guide) .article-opening p+p{margin-top:11px}.article-reading:not(.home-computer-guide) .article-opening>div{border-color:#c5e2e8;border-radius:4px 12px 12px 4px;background:#eaf6f8}.article-reading:not(.home-computer-guide) .article-section-heading{max-width:820px;padding-bottom:9px;border-bottom:1px solid #d8e9ed}.article-reading:not(.home-computer-guide) .article-section-heading h2{color:var(--reading-ink);letter-spacing:-.025em}.article-reading h2.article-section-heading{color:var(--reading-ink);font-size:27px;line-height:1.25;letter-spacing:-.025em}.article-reading:not(.home-computer-guide) .article-copy{color:var(--reading-copy)}.article-reading:not(.home-computer-guide) .article-text:is(ul,ol){border-color:var(--reading-line);border-radius:13px;background-color:#f5fafb}.article-reading:not(.home-computer-guide) .article-callout{border-color:#b9dfe7;border-left:4px solid var(--reading-cyan);background-color:var(--reading-wash);box-shadow:0 2px #087da10a}.article-reading:not(.home-computer-guide) .article-callout-warning{border-color:#e7c975;border-left-color:#bd8b18;background:#fff9e8}.article-reading:not(.home-computer-guide) .article-callout-warning h2{color:#5f4610}.article-reading:not(.home-computer-guide) .article-copy table:not(.article-table){border-color:var(--reading-line)}.article-reading:not(.home-computer-guide) .article-copy table:not(.article-table) th{background:#e5f3f6}.article-reading:not(.home-computer-guide) .article-copy table:not(.article-table) tr:nth-child(2n){background-color:#f5fafb}.article-reading:not(.home-computer-guide) .article-table-hint{color:var(--reading-copy)}@media(min-width:768px){.article-contents ol{grid-template-columns:1fr 1fr}.article-reading .article-callout{padding:26px 28px}}@media(max-width:640px){.article-reading{padding-top:21px;padding-bottom:34px}.article-reading .article-section-heading{margin-top:25px}.article-reading .article-section-heading h2,.article-reading h2.article-section-heading{font-size:23px}.article-reading .article-number{width:35px;height:35px;font-size:19px}.article-reading .article-cover img,.article-reading .article-illustration img{max-height:560px}.article-reading .article-copy :is(p,li){font-size:18px}.article-reading .article-copy .text-sm{font-size:16px}.article-reading .article-copy table.article-table{display:block;width:100%;border:0;border-radius:0;overflow:visible}.article-reading .article-copy .article-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.article-reading .article-copy .article-table tbody{display:grid;gap:16px}.article-reading .article-copy .article-table tr{display:block;border:1px solid #c2dce6;border-radius:12px;overflow:hidden;background:#fff}.article-reading .article-copy .article-table td{display:grid;grid-template-columns:minmax(90px,.38fr) minmax(0,1fr);gap:12px;width:100%;border:0;border-bottom:1px solid #d7e5eb;padding:12px;font-size:16px;line-height:1.6}.article-reading .article-copy .article-table td:last-child{border-bottom:0}.article-reading .article-copy .article-table td:first-child{background:#e1f3f9;color:#17384d}.article-reading .article-copy .article-table td:before{content:attr(data-label);font-weight:700;color:#244456;overflow-wrap:anywhere}.article-table-value{min-width:0;overflow-wrap:anywhere}.article-table-hint{display:block}.article-reading:not(.home-computer-guide) .article-opening{padding:16px}.article-reading:not(.home-computer-guide) .article-opening p{font-size:16px}.article-reading:not(.home-computer-guide) .article-callout{padding:17px}.article-reading:not(.home-computer-guide) .article-text:is(ul,ol){padding:17px}}.home-computer-guide{--guide-ink: #173546;--guide-muted: #405b67;--guide-cyan: #087da1;--guide-line: #c6e2e9;--guide-wash: #f0f8fa;color:var(--guide-ink);padding-bottom:42px}.home-computer-guide .article-opening{max-width:820px;margin-bottom:20px;padding:21px 24px;border:1px solid var(--guide-line);border-left:5px solid var(--guide-cyan);border-radius:4px 16px 16px 4px;background:linear-gradient(105deg,#eff9fb,#f8fbfa 78%)}.home-computer-guide .article-opening p{color:var(--guide-muted);font-size:17px;line-height:1.7}.home-computer-guide .article-opening p:first-child{color:var(--guide-ink);font-size:18px}.home-computer-guide .article-opening p+p{margin-top:12px}.home-computer-guide .article-section-heading{max-width:820px;margin-top:32px;margin-bottom:13px;padding:0 0 10px;border-bottom:1px solid #d6e9ed}.home-computer-guide .article-section-heading>div{align-items:center;gap:13px}.home-computer-guide .article-section-heading h2{color:var(--guide-ink);font-size:clamp(23px,3vw,29px);letter-spacing:-.025em}.home-computer-guide .article-number{width:37px;height:37px;border:0;border-radius:11px 11px 11px 4px;background:var(--guide-cyan);color:#fff;font-size:19px;box-shadow:0 3px #b9dfe7}.home-computer-guide .article-copy{color:var(--guide-muted);font-size:17px;line-height:1.7}.home-computer-guide .article-copy p,.home-computer-guide .article-copy li,.home-computer-guide .article-text,.home-computer-guide .article-callout{color:var(--guide-muted);font-size:16px;line-height:1.7}.home-computer-guide .article-copy p+p{margin-top:13px}.home-computer-guide .article-copy strong,.home-computer-guide .article-text strong,.home-computer-guide .article-callout strong{color:var(--guide-ink)}.home-computer-guide .article-copy a,.home-computer-guide .article-callout a,.home-computer-guide .article-text a{color:#006c8e;text-decoration-color:#82bfce;text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.home-computer-guide .article-copy a:hover,.home-computer-guide .article-callout a:hover,.home-computer-guide .article-text a:hover{color:#12465b;text-decoration-color:currentColor}.home-computer-guide .article-copy>div.grid{gap:12px;margin-top:12px;margin-bottom:18px}.home-computer-guide .article-copy>div.grid>div{border:1px solid var(--guide-line);border-radius:13px;background:#f6fbfc;padding:16px 17px;box-shadow:0 2px #087da10a;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.home-computer-guide .article-copy>div.grid>div:hover{transform:translateY(-2px);border-color:#8fc8d5;box-shadow:0 5px 14px #17354612}.home-computer-guide .article-copy>div.grid>div>p:first-child{margin-bottom:5px;color:var(--guide-ink);font-size:16px}.home-computer-guide .article-copy>div.grid>div>p{font-size:16px;line-height:1.65}.home-computer-guide .article-callout{max-width:820px;margin:18px auto;padding:20px 22px;border:1px solid #b9dfe7;border-left:4px solid var(--guide-cyan);border-radius:4px 15px 15px 4px;background:var(--guide-wash)}.home-computer-guide .article-callout>div>h2,.home-computer-guide .article-callout h2{margin-bottom:10px;color:var(--guide-ink);font-size:22px;line-height:1.25}.home-computer-guide .article-callout p+p{margin-top:12px}.home-computer-guide .article-callout ul{display:grid;gap:9px;padding-left:0;list-style:none}.home-computer-guide .article-callout ul li{position:relative;padding:11px 13px 11px 16px;border-left:2px solid #8bc5d2;border-radius:0 9px 9px 0;background:#ffffffb8}.home-computer-guide .article-callout ul li+li{margin-top:0}.home-computer-guide .article-callout-warning{border-color:#e7c975;border-left-color:#bd8b18;background:#fff9e8}.home-computer-guide .article-callout-warning .text-amber-400{color:#866000}.home-computer-guide .article-illustration{margin-top:20px;margin-bottom:20px}.home-computer-guide .article-illustration img{border:1px solid #d8e9ed;border-radius:14px;box-shadow:0 7px 22px #17354614}.home-computer-guide .article-illustration figcaption{margin-top:9px;color:#526a73;font-size:14px}.home-computer-guide .article-contents{max-width:820px;margin-top:18px;margin-bottom:20px;border-color:var(--guide-line);border-left-color:var(--guide-cyan);background:#f3fafb;color:var(--guide-ink)}.home-computer-guide .article-contents a{color:#006c8e}.home-computer-guide .article-contents a:hover{color:#12465b}.home-computer-guide .article-text{max-width:820px;padding:19px 21px;border-color:var(--guide-line);border-radius:14px;background:#f5fafb}.home-computer-guide .article-text li{min-width:0}.home-computer-guide .article-text input[type=checkbox]{accent-color:var(--guide-cyan);border-radius:4px}.home-computer-guide .article-text label{line-height:1.65;transition:color .14s ease}.home-computer-guide .article-text label:hover{color:var(--guide-ink)}.home-computer-guide :is(a,button,summary,input):focus-visible{outline:3px solid #1685a5;outline-offset:3px}.home-computer-guide .article-copy>ul{padding-left:1.3rem}.home-computer-guide .article-copy li::marker{color:var(--guide-cyan)}.home-computer-guide .guide-cpu-options .guide-cpu-label{margin-bottom:6px;font-family:var(--font-sans);font-size:16px;color:var(--guide-cyan)}.home-computer-guide .guide-cpu-options .guide-cpu-pick{margin-top:0;line-height:1.5}.home-computer-guide .guide-cpu-options .guide-cpu-pick+p{margin-top:8px}.home-computer-guide .article-copy .guide-setup-list{margin-top:12px;margin-bottom:16px}@media(max-width:640px){.home-computer-guide{padding-top:19px;padding-bottom:32px}.home-computer-guide .article-opening{padding:17px}.home-computer-guide .article-opening p:first-child{font-size:17px}.home-computer-guide .article-copy,.home-computer-guide .article-copy p,.home-computer-guide .article-copy li,.home-computer-guide .article-callout,.home-computer-guide .article-text{font-size:16px}.home-computer-guide .article-section-heading{margin-top:27px}.home-computer-guide .article-section-heading>div{gap:11px}.home-computer-guide .article-section-heading h2{font-size:23px}.home-computer-guide .article-number{width:34px;height:34px;font-size:18px}.home-computer-guide .article-callout{padding:17px}.home-computer-guide .article-copy>div.grid>div{padding:14px}.home-computer-guide .article-copy>div.grid>div>p{font-size:16px}.home-computer-guide .article-text{padding:17px}.home-computer-guide .article-text li{gap:12px}}@media(prefers-reduced-motion:reduce){.home-computer-guide *,.home-computer-guide *:before,.home-computer-guide *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
