:root{--ink:#2d3028;--muted:#706d63;--line:#e1ddd2;--orange:#bb5d31;--cream:#f4f0e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}.skip-link{position:absolute;left:12px;top:-100px;z-index:20;background:white;padding:12px}.skip-link:focus{top:8px}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #246957;outline-offset:4px}.article-design>header .header-inner{max-width:1184px;padding:22px 28px;flex-wrap:wrap}.article-design>header .global-nav{flex-basis:auto;order:initial}.article-design>.hero{max-width:1024px;padding:20px 28px 32px}.article-design>.hero h1{font-size:56px;max-width:850px;margin:12px 0 18px;line-height:1.09}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:var(--orange)}.guide-deck{max-width:740px;font-size:18px;line-height:1.7;color:var(--muted);margin:0 0 18px}.article-card-meta{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12px;color:var(--muted)}.article-design .article-content{max-width:968px;padding:0 40px 40px;line-height:1.8}.article-content>p,.article-content>ul,.article-content>h2,.article-content>h3{max-width:790px;margin-left:auto;margin-right:auto}.article-content>p{margin-top:20px;margin-bottom:20px}.article-design .article-content h2{font-size:34px;margin-top:48px}.article-design .article-content h3{font-size:20px;margin-top:28px}.guide-photo{margin:0 -40px 30px}.guide-photo img{display:block;width:100%;height:auto;max-height:390px;object-fit:cover;object-position:50% 80%;border-radius:12px 12px 0 0}.guide-photo figcaption{font-size:11px;line-height:1.6;color:var(--muted);padding:10px 24px;border-bottom:1px solid var(--line)}.guide-toc{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.guide-toc a{font-size:13px!important;text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:8px 14px;background:#fff}.guide-toc a:first-child{background:var(--orange);border-color:var(--orange);color:white}.takeaway{background:var(--cream);border-left:3px solid var(--orange);padding:20px 24px;margin:28px 0}.takeaway strong{color:var(--ink)}.takeaway p{margin:8px 0 0!important}.jgm{background:var(--cream);border:1px solid #dfd7c5;border-radius:12px;margin:26px 0 36px;padding:28px}.tool-heading h3{font:38px/1.2 'Instrument Serif',Georgia,serif!important;margin:8px 0!important;color:var(--ink)}.tool-heading p{margin:0 0 22px!important;font-size:14px}.jgm-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.jgm-field{min-width:0;margin-bottom:17px}.jgm label,.output-label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin:0 0 7px}.jgm input,.jgm select,.jgm textarea{display:block;min-height:46px;width:100%;border:1px solid #c7c3b8;border-radius:7px;padding:11px 12px;background:#fff;color:#30312a;font-size:15px;line-height:1.5}.jgm textarea{resize:vertical}.jgm [aria-invalid=true]{border:2px solid #a13427}.field-hint{font-size:12px!important;line-height:1.5!important;margin:7px 0 0!important;color:#656154}.field-error{font-size:12px!important;color:#9a2c22;margin:6px 0 0!important;line-height:1.4!important}.field-error:empty{display:none}.jgm-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.jgm button,.example-fill{cursor:pointer;line-height:1.4;border-radius:99px;padding:11px 18px;font-size:14px;font-weight:600;min-height:44px}.jgm button.primary{background:var(--orange);color:#fff;border:1px solid var(--orange)}.jgm button.primary:hover{background:#9d4924}.jgm button.quiet{border:1px solid #c9c2b1;background:transparent;color:#4e4f43}.jgm-status{font-size:13px;line-height:1.6!important;margin:14px 0 0!important;color:#315647}.jgm-status:empty{margin:0!important}#jgm-output{border-top:1px solid #d9d0bb;margin-top:22px;padding-top:22px}#jgm-out{font-size:14px;line-height:1.65;min-height:260px;background:#fffefa;margin:8px 0 14px;white-space:pre-wrap}.open-label{font-size:13px;margin:22px 0 8px!important}.service-links{display:flex;flex-wrap:wrap;gap:8px}.service-links a{font-size:13px!important;border:1px solid #c9c2b1;border-radius:99px;text-decoration:none;padding:8px 13px;color:var(--ink)!important;background:#fff}.privacy-note{font-size:12px!important;line-height:1.6!important;color:#686252;margin:20px 0 0!important}.example-group{margin:26px 0}.example{border-bottom:1px solid var(--line);margin:0}.example summary{display:flex;gap:14px;align-items:baseline;padding:17px 8px;cursor:pointer;font-size:16px;line-height:1.5;font-weight:500;color:var(--ink);list-style:none}.example summary:after{content:'+';margin-left:auto;font-size:22px;color:var(--orange)}.example[open] summary:after{content:'−'}.example summary::-webkit-details-marker{display:none}.example summary>span{color:var(--orange);font-size:12px;font-weight:600;min-width:22px}.example>div{padding:0 12px 22px 44px}.example p{font-size:14px;line-height:1.8}.example-fill{background:#fff;border:1px solid #d4c8b2;color:#984523}.purchase-check{list-style:none;padding:0;counter-reset:check}.purchase-check li{display:grid;grid-template-columns:28px 1fr;gap:3px 12px;margin:0;padding:17px 8px;border-bottom:1px solid var(--line);font-size:14px}.purchase-check li:before{counter-increment:check;content:counter(check);grid-row:span 2;color:var(--orange);font-size:12px;margin-top:3px}.purchase-check strong{color:var(--ink)}.purchase-check span{grid-column:2}.category-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.category-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;font-size:14px;text-decoration:none!important}.category-links a:hover{background:var(--cream)}[hidden]{display:none!important}footer .footer-links a{font-size:13px;text-decoration:none}footer .logo i{font-size:30px}footer .logo{font-size:20px}
@media(max-width:760px){.underside-topline span:last-child{display:none}.article-design>header .header-inner{padding:18px 20px;gap:14px}.article-design>header .global-nav{flex-basis:100%;width:100%}.article-design>header .global-nav a{padding:9px 10px;font-size:13px}.article-design>.breadcrumb{padding:22px 20px 10px}.article-design>.hero{padding:14px 20px 26px}.article-design>.hero h1{font-size:43px}.guide-deck{font-size:16px}.article-design .article-content{margin:0 14px 30px;padding:0 22px 28px}.guide-photo{margin:0 -22px 24px}.guide-photo img{height:230px}.guide-photo figcaption{padding:10px 16px}.article-design .article-content h2{font-size:30px;margin-top:36px}.guide-toc{gap:7px}.guide-toc a{font-size:12px!important;padding:7px 11px}.jgm{padding:22px 17px;margin-left:-6px;margin-right:-6px}.jgm-row{grid-template-columns:1fr;gap:0}.tool-heading h3{font-size:33px!important}.jgm input,.jgm select,.jgm textarea{font-size:16px}.takeaway{padding:18px}.example>div{padding-left:18px}.example summary{font-size:15px}.category-links{grid-template-columns:1fr}.service-links a{min-height:42px;padding:10px 13px}.article-card-meta{font-size:11px}.purchase-check li{grid-template-columns:20px 1fr}.article-design footer .footer-inner{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}