.page--learning-hub .hub-main{width:min(1100px,calc(100% - 32px))}.hub-paper{padding-inline:clamp(20px,5vw,56px)}.hub-paper .editorial-hero{max-width:850px;margin-inline:auto}.hub-paper .editorial-deck{max-width:46ch;margin-inline:auto;line-height:1.6}.hub-library-nav{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;padding:18px 0;border-block:1px solid rgb(208 184 117 / 30%)}.hub-library-nav a{color:#c9bda4;text-decoration:none;padding:4px 0}.hub-library-nav a[aria-current=page]{color:#f6e5b5;text-decoration:underline;text-underline-offset:7px}.hub-topics{display:flex;flex-wrap:wrap;gap:10px 24px;padding:24px 0;font-size:14px}.hub-topics a{color:#d8c38b;text-underline-offset:4px}.hub-section{margin-top:42px;scroll-margin-top:24px}.hub-section h2{margin:0 0 12px;color:#ead9a9;font-size:clamp(22px,3vw,29px);line-height:1.35}.hub-section-intro{margin:0 0 20px;max-width:70ch;color:#c9bea9;font-size:16px;line-height:1.7}.hub-list{border-top:1px solid rgb(208 184 117 / 28%)}.hub-row{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:24px;align-items:center;min-height:92px;padding:10px 0;border-bottom:1px solid rgb(208 184 117 / 28%);color:#f1e7cf;text-decoration:none}.hub-row--image{grid-template-columns:160px minmax(0,1fr) 78px;min-height:132px}.hub-row-copy{min-width:0}.hub-row strong{display:block;color:inherit;font-family:var(--ocg-font-display);font-size:19px;font-weight:600;line-height:1.4}.hub-description{display:block;max-width:63ch;margin-top:8px;color:#c9bea9;font-size:15px;line-height:1.7}.hub-thumbnail{display:block;width:100%;height:auto;aspect-ratio:8 / 5;object-fit:contain;border:1px solid rgb(208 184 117 / 35%);border-radius:4px}.hub-scroll{display:grid;place-items:center;width:78px;min-height:88px;padding:15px;background:url(/images/brand/ocg-parchment-scroll-play-v1.webp) center / 100% 100% no-repeat;color:#302114;font-family:var(--ocg-font-display);font-size:12px;font-weight:700;line-height:1.4;text-transform:uppercase;text-align:center}.hub-row--image .hub-scroll{min-height:106px}.hub-row:hover strong{color:#e2c57a;text-decoration:underline;text-underline-offset:4px}.hub-row:hover{background-color:#d0b8750a}.hub-paper a:focus-visible,.hub-paper button:focus-visible,.hub-paper input:focus-visible{outline:2px solid #dfc785;outline-offset:4px}.hub-search{padding:22px 24px 16px;border:1px solid rgb(208 184 117 / 30%);border-radius:5px;background:#0b271b99}.hub-search label{display:block;margin-bottom:10px;color:#ebddbb;font-size:15px;font-weight:600}.hub-search-controls{display:flex;gap:12px}.hub-search input{min-width:0;width:100%;min-height:46px;padding:10px 14px;border:1px solid #a18b5f;border-radius:4px;background:#f0e5ce;color:#302114;font:inherit;font-size:16px}.hub-search input::placeholder{color:#6c5a40}.hub-search button{padding:10px 16px;border:1px solid #b19c67;border-radius:4px;background:#2e2115;color:#f0e5ce;font:inherit;cursor:pointer}.hub-search [role=status]{margin:10px 0 0;min-height:24px;color:#c9bea9;font-size:13px}.hub-empty{padding:28px 0;color:#f0e5ce}.page--learning-hub [hidden]{display:none!important}@media(min-width:861px){[data-hub-kind] [data-hub-section] .hub-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}}[data-hub-kind=faq] [data-hub-section] .hub-row strong{font-family:var(--ocg-font-interface);font-size:16px;font-weight:500}@media(max-width:600px){.page--learning-hub .hub-main{width:calc(100% - 16px)}.hub-paper{padding-inline:18px}.hub-paper .editorial-hero{margin-inline:-12px}.hub-library-nav{gap:8px 18px;font-size:14px}.hub-topics{gap:12px 18px}.hub-section{margin-top:32px}.hub-row{grid-template-columns:minmax(0,1fr) 62px;gap:12px}.hub-row strong{font-size:16px}.hub-description{font-size:14px}.hub-scroll{width:62px;min-height:78px;padding:10px;font-size:11px}.hub-row--image{padding-block:18px}.hub-row--image .hub-thumbnail{grid-column:1;width:min(180px,100%)}.hub-row--image .hub-row-copy{grid-column:1}.hub-row--image .hub-scroll{grid-column:2;grid-row:1 / span 2;min-height:96px}.hub-search{padding:16px 12px}.hub-search-controls{gap:8px}.hub-search button{padding-inline:10px;font-size:14px}}
