@font-face{font-family:'SEO Belwe';src:url('/hs/Belwe.ttf') format('truetype');font-display:swap}
.seo-page{margin:0;background:#1b120b url('/hs/table.webp') center/cover fixed;color:#f5e6c5;font-family:Georgia,serif;font-size:18px;line-height:1.65;color-scheme:dark}
.seo-page *{box-sizing:border-box}.seo-page ::selection{background:#b98c47;color:#130d07}.seo-page a{color:#ffe3a1;text-underline-offset:4px}.seo-page a:hover{color:#fff4d8}.seo-page a:focus-visible{outline:3px solid #ffe3a1;outline-offset:5px;border-radius:2px}
.seo-page header,.seo-page main,.seo-page footer{width:min(1120px,calc(100% - 48px));margin-inline:auto}.seo-page header{padding:28px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #9c7549}.seo-page header nav,.seo-page footer nav{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap}.seo-page header nav a{text-decoration:none;font-size:16px}.seo-page header nav [aria-current]{text-decoration:underline;color:#fff4d8}.seo-page .brand{font-family:'SEO Belwe',Georgia,serif;font-size:29px;line-height:1;text-decoration:none;letter-spacing:.02em;white-space:nowrap}
.seo-page main{background:rgba(25,15,7,.94);padding:36px 44px 48px;border-bottom:1px solid #9c7549}.seo-page h1,.seo-page h2,.seo-page h3{font-family:'SEO Belwe',Georgia,serif;font-weight:400;line-height:1.2;text-wrap:balance}.seo-page h1{font-size:clamp(32px,4.6vw,56px);margin:18px 0 22px;max-width:20ch}.seo-page h2{font-size:30px;margin:0 0 16px}.seo-page h3{font-size:22px;margin:0 0 10px}.seo-page p{margin:0 0 18px;max-width:72ch;color:#e5d2b2}.seo-page .lead{font-size:21px;line-height:1.65;color:#f5e6c5;max-width:68ch}.seo-page section{margin-top:48px;scroll-margin-top:24px}.seo-page .breadcrumb{font-size:14px;color:#d8bd94}.seo-page .lab-index{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 36px;padding:18px 0;border-block:1px solid #88643b;font-size:16px}.seo-page .flavor{font-style:italic;color:#d1b68f;font-size:16px}.seo-page .photo-credit{display:block;font-size:14px;line-height:1.55;color:#d1b68f;overflow-wrap:anywhere}.seo-page .photo-credit a{color:inherit}.seo-page .skip-link{position:absolute;left:16px;top:-100px;padding:12px 18px;z-index:5;background:#26180d}.seo-page .skip-link:focus{top:12px}
.seo-page .hero-list,.seo-page .card-list{list-style:none;margin:0;padding:0}.seo-page .hero-list>li{display:grid;grid-template-columns:210px 1fr;gap:28px;padding:34px 0;border-bottom:1px solid #88643b;scroll-margin-top:24px}.seo-page .hero-list h2 span{display:block;font-family:Georgia,serif;font-size:16px;color:#d6ba8f;margin-top:10px}.seo-page .hero-picture{position:relative;width:210px;height:218px}.seo-page .hero-picture .frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.seo-page .hero-picture .portrait{position:absolute;left:14.76%;top:8.94%;width:77.14%;height:80.96%;object-fit:cover;-webkit-mask-image:url('/hs/hero_portrait_mask.png');mask-image:url('/hs/hero_portrait_mask.png');-webkit-mask-size:100% 100%;mask-size:100% 100%}.seo-page .hero-list li:last-child{border-bottom:0}.seo-page .hero-list h3{margin-top:22px}
.seo-page .card-list>li{display:grid;grid-template-columns:76px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid #6e5030;scroll-margin-top:24px}.seo-page .card-list>li:last-child{border-bottom:0}.seo-page .card-list img{width:76px;height:106px;object-fit:cover;border-radius:4px}.seo-page .card-list h3{margin-bottom:7px}.seo-page .card-list p{margin-bottom:8px}.seo-page .card-stats{font-size:14px;color:#dfbe84;font-variant-numeric:tabular-nums}
.seo-page .deck-list{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px;font-variant-numeric:tabular-nums}.seo-page .deck-list caption{text-align:left;padding-bottom:12px;color:#dfbe84}.seo-page .deck-list th,.seo-page .deck-list td{text-align:left;padding:10px 12px;border-bottom:1px solid #6e5030}.seo-page .deck-list thead th{color:#dfbe84;font-weight:400}.seo-page .deck-list tbody th{font-weight:400}.seo-page .deck-list td:first-child,.seo-page .deck-list th:first-child{width:90px}.seo-page .deck-list td:last-child,.seo-page .deck-list th:last-child{width:65px;text-align:right}.seo-page .glossary{margin:0}.seo-page .glossary>div{display:grid;grid-template-columns:155px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #6e5030}.seo-page .glossary dt{color:#ffe3a1}.seo-page .glossary dd{margin:0;color:#e5d2b2;font-size:16px}
.seo-page .play-callout{margin-top:56px;padding-top:32px;border-top:1px solid #9c7549}.seo-page .play-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 23px;border:1px solid #b99456;border-radius:8px;background:linear-gradient(#6c4b25,#3a2814);font-family:'SEO Belwe',Georgia,serif;text-decoration:none;color:#fff1c9}.seo-page footer{padding:28px 44px 38px;font-size:14px}.seo-page footer p{color:#d1b68f}.seo-page footer nav{font-size:14px}
@media(max-width:850px){.seo-page header{align-items:flex-start;flex-direction:column;gap:19px}.seo-page header nav{gap:12px 20px}.seo-page main{padding:28px}.seo-page .hero-list>li{grid-template-columns:150px 1fr;gap:22px}.seo-page .hero-picture{width:150px;height:156px}.seo-page footer{padding-inline:28px}}
@media(max-width:520px){.seo-page{font-size:17px}.seo-page header,.seo-page main,.seo-page footer{width:calc(100% - 24px)}.seo-page header{padding:24px 8px 18px}.seo-page header nav{gap:10px 17px}.seo-page header nav a{font-size:14px}.seo-page main{padding:25px 18px 36px}.seo-page h1{font-size:36px}.seo-page h2{font-size:27px}.seo-page .lead{font-size:19px}.seo-page .hero-list>li{display:block}.seo-page .hero-picture{width:150px;height:156px;margin:0 0 20px}.seo-page .card-list>li{grid-template-columns:58px 1fr;gap:14px}.seo-page .card-list img{width:58px;height:81px}.seo-page .card-list h3{font-size:21px}.seo-page .deck-list{font-size:14px}.seo-page .deck-list th,.seo-page .deck-list td{padding:9px 6px}.seo-page .deck-list td:first-child,.seo-page .deck-list th:first-child{width:67px}.seo-page .glossary>div{grid-template-columns:1fr;gap:3px}.seo-page footer{padding:24px 18px 32px}.seo-page .lab-index{gap:8px 18px}}
