/* Article detail page: shares the approved homepage tokens and chrome. */
:root{--article-max:1280px}.skip-link{position:absolute;left:-9999px;top:15px;background:var(--copper);color:#fff;padding:10px 14px;z-index:30}.skip-link:focus{left:18px}.article-page{background:var(--paper)}.article-intro{background:var(--black);color:var(--white);padding:48px max(5.4vw,24px) 66px}.breadcrumbs{display:flex;gap:12px;align-items:center;color:#aaa29d;font-size:12px;margin:0 auto 48px;max-width:var(--article-max)}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.article-intro h1{font-weight:300;letter-spacing:-.055em;font-size:clamp(44px,5.3vw,78px);line-height:1.04;max-width:940px;margin:0 auto 32px}.intro-text{max-width:800px;margin:0 auto}.intro-text p{font-size:17px;line-height:1.75;color:#d1cbc7;margin:0 0 12px}.article-scene{margin:0;background:#171616}.article-scene img{display:block;width:100%;height:min(52vw,570px);object-fit:cover;object-position:center 48%}.article-scene figcaption{max-width:var(--article-max);margin:0 auto;padding:13px max(5.4vw,24px);color:#aaa29d;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.article-layout{display:grid;grid-template-columns:220px minmax(0,790px);gap:78px;max-width:var(--article-max);margin:0 auto;padding:92px max(5.4vw,24px) 120px}.article-toc{position:sticky;top:104px;height:max-content;border-left:1px solid var(--line);padding-left:22px}.article-toc summary{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);cursor:pointer;list-style:none}.article-toc summary::-webkit-details-marker{display:none}.article-toc ol{list-style:none;padding:20px 0 4px;margin:0}.article-toc li{margin:0 0 14px}.article-toc a{font-size:12px;line-height:1.4;color:var(--muted)}.article-toc a:hover,.back-top:hover{color:var(--copper)}.back-top{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.article-section{position:relative;padding:0 0 80px;scroll-margin-top:100px}.section-number{position:absolute;left:-49px;top:4px;color:var(--copper);font-size:11px;letter-spacing:.12em}.article-section h2{font-size:clamp(30px,3vw,42px);font-weight:300;line-height:1.1;letter-spacing:-.045em;margin:0 0 23px}.article-section p{color:#4f4b48;font-size:16px;line-height:1.8;margin:0 0 17px}.article-section a:not(.text-link){color:#866a5c;text-decoration:underline;text-underline-offset:4px}.article-section strong{font-weight:500;color:var(--ink)}.table-wrap{overflow-x:auto;margin:27px 0 21px;border-top:1px solid #9e9893;border-bottom:1px solid #9e9893}.article-section table{border-collapse:collapse;width:100%;min-width:650px;font-size:13px}.article-section th,.article-section td{border-bottom:1px solid #d0cbc6;text-align:left;vertical-align:top;padding:14px 15px;line-height:1.55}.article-section thead th{font-weight:500;color:var(--ink);background:#e8e6e2}.article-section tbody th{font-weight:400;color:var(--ink);width:26%}.article-section tr:last-child th,.article-section tr:last-child td{border-bottom:0}.model-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:31px 0 34px}.model-pair figure{margin:0}.model-pair img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.model-pair figcaption{padding:15px 0;border-bottom:1px solid var(--line)}.model-pair h3{font-size:20px;font-weight:300;margin:0 0 5px}.model-pair p{font-size:13px;margin:0 0 8px}.model-pair a{font-size:12px}.text-link{display:inline-block;color:var(--ink);text-decoration:none!important;border-bottom:1px solid currentColor;padding:0 0 5px;background:none;cursor:pointer;font-size:12px;letter-spacing:.08em}.text-link:hover{color:var(--copper)}.enquiry-example{background:var(--copper);color:#fff;padding:27px 28px;margin:28px 0 28px}.enquiry-example h3{font-weight:400;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 17px}.enquiry-example p{color:#fff;font-size:14px;line-height:1.75;white-space:pre-line}.enquiry-example button{border:1px solid rgba(255,255,255,.75);background:transparent;color:#fff;padding:10px 13px;cursor:pointer;font-size:12px}.enquiry-example button span{margin-left:12px}.enquiry-example #copy-status{font-size:12px;margin-left:12px}.article-faq{border-top:1px solid #aaa39e;padding:19px 0}.article-faq:last-child{border-bottom:1px solid #aaa39e}.article-faq summary{list-style:none;cursor:pointer;font-size:18px;color:var(--ink);display:flex;justify-content:space-between;gap:15px}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary:after{content:'+';color:var(--copper);font-size:24px;font-weight:300;line-height:1}.article-faq[open] summary:after{content:'−'}.article-faq p{font-size:14px;margin:17px 32px 0 0}.article-next{background:var(--black);color:var(--white);text-align:center;padding:110px 24px 115px}.article-next h2{font-size:clamp(42px,5vw,68px);font-weight:300;letter-spacing:-.055em;margin:0 auto 24px;line-height:1.04}.article-next p{max-width:640px;margin:0 auto;color:#c3bdb8;font-size:15px;line-height:1.7}.article-next .actions{justify-content:center}.article-next .outline{color:var(--white)}.back-guides{display:inline-block;color:#aaa29d;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:37px}.article-page .footer{margin-top:0}@media(max-width:1000px){.article-layout{grid-template-columns:1fr;gap:0}.article-toc{position:static;width:100%;min-width:0;border:1px solid var(--line);padding:18px 20px;margin-bottom:70px}.article-toc details,.article-toc nav,.article-toc ol{max-width:100%;min-width:0}.article-toc a{overflow-wrap:anywhere}.article-toc[open] ol{padding-bottom:0}.section-number{left:0;top:-25px}.article-section{padding-bottom:72px}}@media(max-width:600px){.article-intro{padding-top:34px;padding-bottom:54px}.breadcrumbs{margin-bottom:38px;flex-wrap:wrap;line-height:1.5}.article-intro h1{font-size:38px}.intro-text p{font-size:15px}.article-scene img{height:72vw}.article-layout{padding-top:62px;padding-bottom:70px}.article-section h2{font-size:29px}.article-section p{font-size:15px;line-height:1.72}.article-section table{font-size:12px}.article-section th,.article-section td{padding:11px 12px}.model-pair{grid-template-columns:1fr;gap:35px}.article-next{padding:82px 24px 90px}.article-next .actions{align-items:stretch;flex-direction:column}.article-next .button{width:100%}}


@media(max-width:1000px){.article-layout{display:block;grid-template-columns:none!important;width:100%;min-width:0}.article-layout>.article-toc{display:block;width:auto!important;max-width:100%;min-width:0}.article-layout>article{width:100%;min-width:0}.article-toc details,.article-toc summary,.article-toc nav,.article-toc ol{width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}}
