.pdf-hub-page, .pdf-suite-page { background: radial-gradient(circle at 84% 3%, rgba(225,171,145,.27), transparent 29rem), radial-gradient(circle at 5% 43%, rgba(155,195,178,.21), transparent 26rem), #f4f1ea; }
.back-home { justify-self: end; color: var(--ink); text-decoration: none; font-size: 13px; font-weight: 750; }
.back-home span { color: var(--coral); margin-left: 4px; }
.pdf-hub-main { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 70px 0 110px; }
.pdf-hub-hero { display: grid; grid-template-columns: minmax(0, 1fr) 280px; align-items: center; gap: 70px; margin-bottom: 55px; }
.pdf-hub-hero h1 { margin: 24px 0 18px; font-size: clamp(50px, 6.4vw, 80px); line-height: 1.01; letter-spacing: -.068em; }
.pdf-hub-hero h1 em { color: #bd624a; font-family: Georgia, "Songti SC", serif; font-weight: 500; }
.pdf-hub-hero > div > p { max-width: 680px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.75; }
.pdf-hub-trust { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 18px; color: #756e66; font-size: 10px; font-weight: 750; }
.pdf-hub-visual { position: relative; width: 245px; height: 210px; }
.pdf-hub-visual > span { position: absolute; left: 44px; top: 9px; width: 150px; height: 188px; display: grid; place-items: center; border: 1px solid rgba(85,68,58,.16); border-radius: 16px; color: #fff; background: #bb6049; box-shadow: 0 25px 54px rgba(77,52,40,.18); font: 850 27px Georgia, serif; transform: rotate(-3deg); }
.pdf-hub-visual > span::after { content: ""; position: absolute; left: 20px; right: 20px; bottom: 31px; height: 4px; border-radius: 5px; background: rgba(255,255,255,.42); box-shadow: 0 -13px rgba(255,255,255,.28), 0 -26px rgba(255,255,255,.2); }
.pdf-hub-visual i { position: absolute; width: 57px; height: 57px; display: grid; place-items: center; border: 1px solid rgba(83,70,60,.13); border-radius: 16px; color: #455a65; background: #fffefa; box-shadow: 0 12px 28px rgba(54,44,36,.12); font: 800 11px Georgia, serif; }
.pdf-hub-visual i:nth-of-type(1) { right: 2px; top: 26px; transform: rotate(7deg); }
.pdf-hub-visual i:nth-of-type(2) { left: 0; bottom: 8px; color: #93533f; transform: rotate(-8deg); }
.pdf-hub-visual i:nth-of-type(3) { right: 8px; bottom: 0; color: #3c735f; transform: rotate(5deg); }
.pdf-hub-tools { padding: 30px; border: 1px solid rgba(105,98,88,.2); border-radius: 28px; background: rgba(255,254,250,.85); box-shadow: 0 28px 75px rgba(54,47,37,.1), inset 0 1px #fff; }
.pdf-hub-heading > span, .pdf-hub-secondary > div > span { color: #a95642; font-size: 8px; font-weight: 850; letter-spacing: .16em; }
.pdf-hub-heading h2 { margin: 7px 0 7px; font-size: 28px; letter-spacing: -.045em; }
.pdf-hub-heading > p { margin: 0; color: #888178; font-size: 10px; }
.pdf-hub-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 24px; }
.pdf-hub-card { position: relative; min-height: 245px; display: grid; grid-template-columns: 64px minmax(0, 1fr); grid-template-rows: 1fr auto; column-gap: 17px; border: 1px solid #ded8cf; border-radius: 19px; padding: 23px; color: #292725; background: #faf8f3; text-decoration: none; transition: transform .18s, border-color .18s, box-shadow .18s; }
a.pdf-hub-card:hover { transform: translateY(-3px); border-color: #bca99e; box-shadow: 0 17px 35px rgba(55,44,36,.09); }
.pdf-hub-card.featured { background: #2d2b28; color: #fff; border-color: #2d2b28; }
.hub-card-number { position: absolute; right: 18px; top: 17px; color: #aaa198; font: italic 9px Georgia, serif; }
.hub-card-icon { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 18px 18px 18px 7px; font: 850 15px Georgia, serif; }
.hub-card-icon.coral { color: #7d4032; background: #f0d2c8; }
.hub-card-icon.blue { color: #365e72; background: #d9e9ef; font-size: 11px; }
.hub-card-icon.mint { color: #376c57; background: #d9e9e0; font-size: 18px; }
.hub-card-icon.amber { color: #78562f; background: #efdfc5; font-size: 20px; }
.pdf-hub-card div:nth-of-type(2) { align-self: center; }
.pdf-hub-card small { color: #aa6554; font-size: 7px; font-weight: 900; letter-spacing: .15em; }
.pdf-hub-card.featured small { color: #e9a895; }
.pdf-hub-card h3 { margin: 7px 0 7px; font-size: 19px; letter-spacing: -.035em; }
.pdf-hub-card p { margin: 0; color: #817a71; font-size: 10px; line-height: 1.65; }
.pdf-hub-card.featured p { color: #c8c2ba; }
.pdf-hub-card > b { grid-column: 1 / -1; align-self: end; display: flex; justify-content: space-between; border-top: 1px solid #e2ddd5; padding-top: 14px; font-size: 9px; }
.pdf-hub-card.featured > b { border-color: #4b4843; }
.pdf-hub-card > b i { color: #bd6049; font-style: normal; font-size: 13px; }
.pdf-hub-card.planned { opacity: .78; }
.pdf-hub-secondary { display: flex; align-items: center; justify-content: space-between; gap: 35px; margin-top: 14px; border: 1px solid rgba(105,98,88,.17); border-radius: 20px; padding: 25px 28px; background: rgba(255,254,250,.6); }
.pdf-hub-secondary h2 { margin: 6px 0; font-size: 21px; letter-spacing: -.035em; }
.pdf-hub-secondary p { max-width: 680px; margin: 0; color: #807970; font-size: 10px; line-height: 1.6; }
.pdf-hub-secondary > a { flex: 0 0 auto; border-radius: 10px; padding: 13px 16px; color: #fff; background: #2d2b28; text-decoration: none; font-size: 9px; font-weight: 850; }
.pdf-hub-secondary > a span { margin-left: 8px; color: #f1a791; }
.pdf-hub-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 18px; }
.pdf-hub-principles article { min-height: 155px; padding: 21px; border: 1px solid rgba(111,103,92,.17); border-radius: 17px; background: rgba(255,254,250,.48); }
.pdf-hub-principles span { color: #aa5642; font: italic 11px Georgia, serif; }
.pdf-hub-principles strong { display: block; margin: 23px 0 7px; font-size: 14px; }
.pdf-hub-principles p { margin: 0; color: #7f7970; font-size: 10px; line-height: 1.65; }
.pdf-suite-nav { width: min(1180px, calc(100% - 48px)); display: flex; align-items: center; gap: 6px; margin: 22px auto 0; overflow-x: auto; padding: 5px; border: 1px solid rgba(106,98,87,.18); border-radius: 13px; background: rgba(255,254,250,.62); scrollbar-width: none; }
.pdf-suite-nav::-webkit-scrollbar { display: none; }
.pdf-suite-nav a, .pdf-suite-nav span { min-height: 38px; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; border-radius: 9px; padding: 0 12px; color: #6f6961; text-decoration: none; font-size: 9px; font-weight: 800; }
.pdf-suite-nav a:hover { color: #292725; background: #eeeae3; }
.pdf-suite-nav a.active { color: #fff; background: #2d2b28; }
.pdf-suite-nav b { color: #b85f49; font: 800 10px Georgia, serif; }
.pdf-suite-nav a.active b { color: #efaa97; }
.pdf-suite-nav span { margin-left: auto; color: #aaa39a; }
.pdf-suite-nav span em { border-radius: 999px; padding: 3px 6px; color: #8c6656; background: #ecddd5; font-size: 6px; font-style: normal; }
@media (max-width: 800px) { .pdf-hub-hero { grid-template-columns: 1fr; } .pdf-hub-visual { display: none; } .pdf-hub-grid { grid-template-columns: 1fr; } .pdf-hub-secondary { align-items: flex-start; flex-direction: column; } }
@media (max-width: 620px) { .pdf-hub-main { width: calc(100% - 24px); padding: 48px 0 76px; } .pdf-hub-hero h1 { font-size: clamp(44px, 13vw, 62px); } .pdf-hub-tools { padding: 15px; border-radius: 21px; } .pdf-hub-card { min-height: 225px; padding: 18px; } .pdf-hub-principles { grid-template-columns: 1fr; } .pdf-suite-nav { width: calc(100% - 24px); } }