/* Article layout reimplemented from the observed reference pattern. */
.reference-single{padding-top:48px;padding-bottom:65px;color:#202329}
.reference-single .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:36px;align-items:start;padding-top:0;border:0}
.reference-single .article-body{min-width:0}
.reference-single .breadcrumbs{font-size:13px;line-height:1.7;gap:5px;margin-bottom:24px;color:#747981}
.reference-single .breadcrumbs a{color:#866515;text-decoration:underline;text-underline-offset:3px}
.reference-single .breadcrumbs [aria-current]{max-width:100%;white-space:normal;overflow:visible}
.reference-single .article-header{max-width:none;margin:0 0 28px}
.reference-single .category-label{font-size:14px;line-height:1.5;padding:0;background:none;color:#866515;text-decoration:underline;text-underline-offset:4px;border-radius:0;margin-bottom:17px}
.reference-single .article-header h1{font-size:34px;font-weight:750;line-height:1.45;letter-spacing:0;margin:0 0 27px;max-width:none;color:#181b20}
.reference-single .reference-post-meta{font-size:13px;line-height:1.6;gap:11px;color:#747981}
.reference-post-meta>a{display:inline-flex;align-items:center;gap:7px;font-weight:400;color:#40444b}
.reference-single .author-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;background:#171b21;color:#f3be19;font-size:22px;font-weight:800;line-height:1;letter-spacing:-.1em;padding-right:2px}
.reference-single .article-deck{font-size:20px;line-height:1.85;margin-top:38px;color:#393e47;max-width:none}
.reference-single .article-cover{margin:0 0 30px;max-width:460px}
.reference-single .article-cover img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:8px}
.reference-single .article-cover figcaption{font-size:11px;color:#777c84;margin-top:8px}
.reference-single .entry-content{font-size:20px;line-height:1.9;color:#393e47}
.reference-single .entry-content h2{font-size:28px;line-height:1.5;letter-spacing:0;color:#191d23;margin:1.7em 0 .8em;scroll-margin-top:25px}
.reference-single .entry-content h3{font-size:23px;color:#252a31;line-height:1.5;letter-spacing:0;margin-top:1.6em;scroll-margin-top:25px}
.reference-single .entry-content p,.reference-single .entry-content ul,.reference-single .entry-content ol{margin-bottom:1.1em}
.reference-single .entry-content a{color:#866515;text-underline-offset:4px}
.reference-single .entry-content a:hover{color:#ac8010}
.reference-single .entry-content table{font-size:16px;line-height:1.8;background:#fff}
.reference-single .entry-content th{background:#f3f0e7;font-weight:700}
.reference-single .entry-content td,.reference-single .entry-content th{border-color:#dcdfe4;padding:14px 16px}
.reference-single .entry-content blockquote{border-left:4px solid #dfb540;background:#fff9e6;color:#494337}
.reference-single .entry-content code{background:#eeeff2;color:#30343c}
.reference-single .entry-content pre{background:#1b2027;color:#f5f5f6}
.reference-single .entry-content pre code{background:none;color:inherit}
.reference-single .entry-content details{padding:18px 22px;border:1px solid #dcdfe4;border-radius:8px;background:#fff;margin-bottom:15px}
.reference-single .entry-content details summary{font-weight:700;color:#222831;cursor:pointer}
.reference-single .entry-content details[open] summary{margin-bottom:16px}
.reference-single .article-toc-inline{background:#fff;border:1px solid #dcdfe4;border-radius:9px;margin:0 0 34px;padding:0;overflow:hidden}
.reference-single .article-toc-inline summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:17px;line-height:1.6;color:#24282f;padding:26px 24px 20px;font-weight:700;cursor:pointer}
.reference-single .article-toc-inline summary::-webkit-details-marker{display:none}
.reference-single .article-toc-inline summary span{display:none}
.reference-single .article-toc-inline summary:after{content:"+";font-size:22px;font-weight:400;color:#969ba2}
.reference-single .article-toc-inline[open] summary:after{content:"−"}
.reference-single .article-toc-inline ol{column-count:2;column-gap:28px;list-style:none;margin:0;padding:0 24px 24px;font-size:16px;line-height:1.75}
.reference-single .article-toc-inline li{padding:6px 0;break-inside:avoid}
.reference-single .article-toc-inline li.toc-level-3{margin-left:15px;font-size:14px}
.reference-single .article-toc-inline a{color:#866515}
.reference-single .registration-flow{background:#f2f0e8;border:1px solid #deddd4;border-radius:8px;padding:22px}
.reference-single .registration-flow li{border-color:#e0dfd8;border-radius:6px;background:#fff}
.reference-single .flow-number{color:#8e6b12}
.reference-single .article-reference-sources{margin:34px 0;padding-top:24px;border-top:1px solid #dcdfe4}
.reference-single .article-reference-sources h2{font-size:24px;letter-spacing:0;margin-bottom:15px}
.reference-single .article-reference-sources ul{font-size:15px;line-height:1.9;padding-left:22px;margin:0}
.reference-single .article-reference-sources a{color:#866515;text-decoration:underline;text-underline-offset:4px}
.reference-single .reference-reading-route{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0}
.reference-reading-route>a{position:relative;display:flex;flex-direction:column;gap:7px;padding:21px 38px 21px 20px;border:1px solid #dddfe3;background:#fff;border-radius:8px;color:#2c3138}
.reference-reading-route>a:hover{border-color:#d5ac3d;color:#866515}
.reference-reading-route span{font-size:12px;color:#81858b}
.reference-reading-route strong{font-size:15px;line-height:1.65;font-weight:650}
.reference-reading-route b{position:absolute;right:16px;top:50%;font-weight:400;color:#99751b}
.reference-single .reference-share{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 0;border-block:1px solid #e1e3e7;margin:32px 0;font-size:13px;color:#747981}
.reference-share button{background:#fff;border:1px solid #d5d9de;border-radius:5px;padding:8px 13px;color:#4d535c;font-size:13px}
.reference-share button:hover{border-color:#a88b42;color:#866515}
.reference-share [data-share-status]:empty{display:none}
.reference-single .article-author-note{display:flex;align-items:flex-start;gap:20px;padding:25px;border:1px solid #e0e2e6;border-radius:8px;background:#fff;margin:30px 0}
.reference-single .article-author-note>.author-mark{width:55px;height:55px;flex-basis:55px;font-size:46px;border-radius:6px}
.reference-single .article-author-note h2{font-size:20px;line-height:1.5;color:#24282f;letter-spacing:0;margin:0 0 8px}
.reference-single .article-author-note p:not(.eyebrow){font-size:14px;line-height:1.8;color:#727780;margin:0 0 12px}
.reference-single .article-author-note a{font-size:13px;color:#866515;font-weight:400}
.reference-single .related-posts{margin-top:40px}
.reference-single .related-posts .section-heading{margin-bottom:23px}
.reference-single .related-posts .section-heading h2{font-size:25px;letter-spacing:0}
.reference-single .related-posts .post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.reference-single .related-posts .post-card{box-shadow:none;background:transparent;border:0;border-radius:0;transform:none}
.reference-single .related-posts .card-visual{height:auto;aspect-ratio:3/2;border-radius:7px}
.reference-single .related-posts .card-body{padding:16px 0 0}
.reference-single .related-posts .card-title{font-size:18px;line-height:1.5;color:#22272e;letter-spacing:0}
.reference-single .related-posts .card-kicker{font-size:12px;margin:8px 0 0}
.reference-single .related-posts .card-excerpt,.reference-single .related-posts .card-read{display:none}
.reference-single .post-tags{margin:25px 0;font-size:12px;color:#757b83}
.reference-single .post-tags a{background:#fff;border-color:#dcdfe4}

/* The sidebar follows the reference's campaign, article, topic, category, and search blocks. */
.reference-single .reference-sidebar{display:block;grid-row:auto;min-width:0;align-self:start}
.reference-sidebar .sidebar-sticky{display:block;position:static}
.reference-sidebar-campaign,.reference-sidebar-block{background:#fff;padding:20px;margin-bottom:25px;border:0;border-radius:0}
.reference-sidebar-heading{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin:3px 0 15px;color:#343941}
.reference-sidebar-heading>a{font-size:12px;color:#878b93}
.reference-sidebar-teaser{display:flex;position:relative;flex-direction:column;gap:10px;overflow:hidden;padding:20px 18px 18px;border-radius:7px;min-height:122px;margin-top:13px;border:1px solid #e4e2dc;background:#f6f3eb;color:#252a31}
.reference-sidebar-teaser>span,.reference-sidebar-teaser>strong,.reference-sidebar-teaser>small{position:relative;z-index:1;max-width:83%}
.reference-sidebar-teaser>span{font-size:11px;color:#8a722b}
.reference-sidebar-teaser>strong{font-size:21px;line-height:1.5;font-weight:750;letter-spacing:0}
.reference-sidebar-teaser>small{font-size:12px;color:#777b82;margin-top:4px}
.reference-sidebar-teaser>img{position:absolute;right:-40px;bottom:0;width:150px;height:100%;object-fit:cover;opacity:.16;pointer-events:none}
.reference-sidebar-teaser:hover{color:#7e5e11;border-color:#c5a24c}
.reference-sidebar-teaser.teaser-code{background:#f4c63b;border-color:#dfb947}
.reference-sidebar-teaser.teaser-code strong{font-size:27px;letter-spacing:.06em}
.reference-sidebar-teaser.teaser-code>span,.reference-sidebar-teaser.teaser-code>small{color:#725a19}
.reference-sidebar-teaser.teaser-calculator{background:#eef1f6;border-color:#dfe4ec}
.reference-sidebar-teaser.teaser-calculator>span{color:#747d8b}
.reference-sidebar-block h2{font-size:17px;line-height:1.5;letter-spacing:0;margin:0 0 20px;color:#292e36}
.reference-sidebar-recent>a{display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;align-items:start;margin:0 0 19px;color:#383e48}
.reference-sidebar-recent>a:last-child{margin-bottom:0}
.reference-sidebar-recent img{width:76px;height:58px;object-fit:cover;border-radius:5px}
.reference-sidebar-recent strong{font-size:13px;line-height:1.6;display:block;font-weight:600;letter-spacing:0}
.reference-sidebar-recent time{font-size:11px;line-height:1.5;color:#999da4;display:block;margin-top:6px}
.reference-sidebar-topic>a{display:block;font-size:13px;line-height:1.8;color:#866515;margin-bottom:14px}
.reference-sidebar-topic>a:last-child{margin-bottom:0}
.reference-sidebar-categories ul{list-style:none;padding:0;margin:0;font-size:13px;line-height:1.8;color:#81868e}
.reference-sidebar-categories li{margin-bottom:10px}
.reference-sidebar-categories ul.children{padding-left:16px;margin-top:10px}
.reference-sidebar-categories a{color:#4c535e}
.reference-sidebar-search .search-form{border:1px solid #d7dce3;background:#fff;border-radius:5px}
.reference-sidebar-search .search-field{font-size:13px;color:#424a56}
.reference-sidebar-search .search-submit{font-size:21px;color:#866515}
.reference-sidebar-search>a{font-size:13px;color:#866515;display:block;margin-top:18px}

/* Same invitation placements, with this site's own code and disclosed terms. */
.reference-promotion{position:relative;overflow:hidden;border:1px solid #25272c;border-radius:8px;background:radial-gradient(ellipse at 110% 55%,#665226 0,transparent 52%),linear-gradient(125deg,#11151b 40%,#242019);color:#fff;padding:24px 20px 0;margin:0;font-size:14px;line-height:1.7;isolation:isolate}
.reference-promotion:before{content:"";position:absolute;width:170px;height:170px;right:-89px;top:70px;border-radius:50%;border:14px double #aa873443;z-index:-1;transform:rotate(-25deg);pointer-events:none}
.reference-promotion p{margin:0 0 14px}
.reference-promotion-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#d2d3d5;font-size:11px}
.reference-promotion-kicker strong{font-size:17px;line-height:1.4;color:#f2c943;letter-spacing:.09em}
.reference-promotion-kicker span{border-left:1px solid #7d7b73;padding-left:10px}
.reference-promotion .reference-promotion-heading{font-size:19px;font-weight:700;line-height:1.5;color:#fff;margin-top:22px;margin-bottom:3px}
.reference-promotion-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 9px}
.reference-promotion .reference-promotion-code code{color:#ffd25b;font:750 36px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.025em;background:transparent;padding:0}
.reference-promotion-code button{font-size:11px;line-height:1.5;padding:4px 8px;color:#f2d899;background:#ffffff0a;border:1px solid #aa975c80;border-radius:4px}
.reference-promotion-code button:hover{background:#ffffff17}
.reference-promotion [data-copy-status]{color:#f4db91;font-size:11px;margin:5px 0}
.reference-promotion [data-copy-status]:empty{display:none}
.reference-promotion .reference-promotion-description{font-size:12px;line-height:1.8;color:#c7c7c8;margin:0 0 19px}
.reference-promotion-action>a{display:flex;align-items:center;justify-content:center;gap:22px;min-height:42px;padding:10px 14px;background:#f3bb09;color:#161a20!important;border-radius:5px;text-decoration:none!important;font-size:15px;font-weight:750;line-height:1.4;white-space:normal}
.reference-promotion-action>a:hover{background:#ffd047}
.reference-promotion-action>a>span[aria-hidden]{font-size:22px;line-height:1}
.reference-promotion .reference-promotion-disclosure{position:relative;margin:20px -20px 0;padding:10px 13px;border-top:1px solid #ffffff1a;background:#11151c99;color:#bfc1c6;font-size:10px;line-height:1.8;text-align:center}
.reference-promotion .reference-promotion-disclosure>a{color:#dabb67;text-decoration:underline;text-underline-offset:3px}
.reference-promotion-inline{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,230px);gap:0 25px;align-items:center;margin:28px 0;padding:24px 26px 0}
.reference-promotion-inline .reference-promotion-heading{margin-top:8px;font-size:18px}
.reference-promotion-inline .reference-promotion-code code{font-size:32px}
.reference-promotion-inline .reference-promotion-description{margin-bottom:0}
.reference-promotion-inline .reference-promotion-disclosure{grid-column:1/-1;margin-inline:-26px}
.reference-single .entry-content .reference-promotion p{margin-top:0;margin-bottom:14px}
.reference-single .entry-content .reference-promotion .reference-promotion-disclosure{margin-top:20px;margin-bottom:0}
.reference-floating{display:none;position:fixed;right:24px;bottom:24px;width:365px;max-width:calc(100vw - 48px);z-index:80;filter:drop-shadow(0 8px 23px #14182130)}
.reference-floating-close{position:absolute;right:8px;top:8px;z-index:2;border:1px solid #ffffff5c;border-radius:50%;width:27px;height:27px;background:#22252cd9;color:#fff;display:grid;place-items:center;padding:0;font-size:21px;line-height:1}
.reference-floating .reference-promotion{padding:18px 20px 0}
.reference-floating .reference-promotion-heading{margin-top:8px;font-size:16px}
.reference-floating .reference-promotion-code code{font-size:31px}
.reference-floating .reference-promotion-description{margin-bottom:13px;font-size:11px}
.reference-floating .reference-promotion-kicker{margin-bottom:7px;padding-right:24px}
.reference-floating .reference-promotion-disclosure{margin-top:14px}
@media(min-width:1280px){.reference-floating:not([hidden]){display:block}}
@media(max-width:1100px){.reference-single .article-layout{grid-template-columns:minmax(0,1fr) 285px;gap:26px}.reference-single .article-header h1{font-size:31px}.reference-single .entry-content,.reference-single .article-deck{font-size:18px}.reference-single .article-toc-inline ol{font-size:15px}.reference-sidebar-campaign,.reference-sidebar-block{padding:17px}.reference-promotion-inline{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:900px){.reference-single{padding-top:30px}.reference-single .article-layout{grid-template-columns:minmax(0,1fr);gap:40px}.reference-single .reference-sidebar{grid-row:auto}.reference-sidebar .sidebar-sticky{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.reference-sidebar-campaign{grid-row:span 2}.reference-sidebar-campaign,.reference-sidebar-block{margin:0}.reference-single .article-header h1{font-size:32px}.reference-single .article-cover{max-width:460px}.reference-single .article-header{margin-bottom:25px}}
@media(max-width:600px){.reference-single{padding-top:24px;padding-bottom:40px}.reference-single .breadcrumbs{font-size:11px;margin-bottom:21px;gap:4px}.reference-single .category-label{font-size:12px;margin-bottom:13px}.reference-single .article-header h1{font-size:28px;line-height:1.45;margin-bottom:22px}.reference-single .reference-post-meta{font-size:11px;gap:7px}.reference-single .author-mark{width:21px;height:21px;flex-basis:21px;font-size:19px}.reference-single .article-deck{font-size:17px;line-height:1.85;margin-top:26px}.reference-single .article-cover{max-width:100%;margin-bottom:24px}.reference-single .entry-content{font-size:17px;line-height:1.9}.reference-single .entry-content h2{font-size:24px}.reference-single .entry-content h3{font-size:20px}.reference-single .entry-content table{font-size:14px}.reference-single .entry-content td,.reference-single .entry-content th{padding:11px}.reference-single .article-toc-inline summary{font-size:17px;padding:20px 18px 14px}.reference-single .article-toc-inline ol{column-count:1;padding:0 18px 20px;font-size:15px}.reference-single .article-toc-inline li.toc-level-3{font-size:14px}.reference-single .article-reference-sources h2{font-size:22px}.reference-single .reference-reading-route{grid-template-columns:1fr;gap:12px}.reference-single .reference-reading-route strong{font-size:15px}.reference-single .article-author-note{padding:20px 18px;gap:15px}.reference-single .article-author-note>.author-mark{width:40px;height:40px;flex-basis:40px;font-size:34px}.reference-single .article-author-note h2{font-size:18px}.reference-single .article-author-note p:not(.eyebrow){font-size:13px}.reference-single .related-posts .post-grid{grid-template-columns:1fr;gap:26px}.reference-single .related-posts .card-visual{height:auto;aspect-ratio:3/2}.reference-single .related-posts .card-title{font-size:20px}.reference-sidebar .sidebar-sticky{display:block}.reference-sidebar-campaign,.reference-sidebar-block{margin-bottom:22px;padding:20px}.reference-promotion-inline{display:block;padding:22px 20px 0;margin:24px 0}.reference-promotion-inline .reference-promotion-action{margin-top:20px}.reference-promotion-inline .reference-promotion-disclosure{margin-inline:-20px}.reference-single .entry-content details{padding:16px}}
@media print{.reference-floating,.reference-promotion,.reference-share,.reference-single .reference-sidebar{display:none!important}.reference-single .article-layout{display:block}.reference-single .article-cover{max-width:340px}.reference-single .entry-content{font-size:11pt}.reference-single .article-header h1{font-size:24pt}.reference-single .article-deck{font-size:12pt}.reference-single .article-toc-inline{break-inside:avoid}}
