.pg-templates-hub .tp-doc{background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -28px #0a254059}.pg-templates-hub .tp-bar{border-bottom:1px solid var(--line);background:var(--soft);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.pg-templates-hub .tp-bar strong{font:600 15px var(--display)}.pg-templates-hub .tp-copy{font:600 14px var(--body);color:var(--white);background:var(--mid);cursor:pointer;border:0;border-radius:8px;padding:9px 16px}.pg-templates-hub .tp-copy:hover{background:var(--navy)}.pg-templates-hub .tp-body{padding:8px 26px 26px}.pg-templates-hub .tp-sec{padding-top:22px}.pg-templates-hub .tp-sec h3{margin-bottom:6px;font-size:18px}.pg-templates-hub .tp-sec>p{color:var(--muted);margin-bottom:10px;font-size:15px}.pg-templates-hub .tp-sec ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.pg-templates-hub .tp-sec li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:9px 0;font-size:15.5px;display:flex}.pg-templates-hub .tp-sec li:last-child{border-bottom:0}.pg-templates-hub .tp-sec li span{gap:10px;display:flex}.pg-templates-hub .tp-sec li span:before{content:"";border:2px solid #9fb3c8;border-radius:4px;flex:none;width:16px;height:16px;margin-top:3px}.pg-templates-hub .tp-tag{color:var(--navy);white-space:nowrap;background:#01aeef24;border-radius:99px;flex:none;padding:3px 10px;font-size:12px;font-weight:600;text-decoration:none}.pg-templates-hub a.tp-tag:hover{background:#01aeef42}.pg-templates-hub .tp-mail{border-bottom:1px solid var(--line);padding:22px 0}.pg-templates-hub .tp-mail:last-child{border-bottom:0}.pg-templates-hub .tp-block{border-bottom:1px solid var(--line);padding:22px 0}.pg-templates-hub .tp-block:last-child{border-bottom:0}.pg-templates-hub .tp-block h3{margin-bottom:6px;font-size:18px}.pg-templates-hub .tp-block>p{color:var(--muted);margin-bottom:10px;font-size:14.5px}.pg-templates-hub .tp-block pre{white-space:pre-wrap;font:15px/1.6 var(--body);color:var(--fg);background:var(--soft);border-radius:10px;margin:0;padding:16px 18px}.pg-templates-hub .tp-mail h3{font-size:18px}.pg-templates-hub .tp-mail .when{color:var(--mid);margin:4px 0 12px;font-size:13px;font-weight:600;display:block}.pg-templates-hub .tp-mail .subj{margin-bottom:8px;font-size:15px}.pg-templates-hub .tp-mail pre{white-space:pre-wrap;font:15px/1.6 var(--body);color:var(--fg);background:var(--soft);border-radius:10px;margin:0;padding:16px 18px}.pg-templates-hub .tp-tips{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pg-templates-hub .tp-tips div{background:var(--white);border:1px solid var(--line);border-radius:12px;align-content:start;gap:8px;padding:22px;display:grid}.pg-templates-hub .tp-tips h3{font-size:17px}.pg-templates-hub .tp-tips p{color:var(--muted);font-size:15px}.pg-templates-hub .tp-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.pg-templates-hub .tp-auto a{background:var(--white);border:1px solid var(--line);color:var(--fg);border-radius:12px;gap:6px;padding:20px;text-decoration:none;display:grid}.pg-templates-hub .tp-auto a:hover{border-color:var(--mid)}.pg-templates-hub .tp-auto strong{font:600 16px var(--display);align-items:center;gap:10px;display:flex}.pg-templates-hub .tp-auto strong i{background:linear-gradient(140deg,#0a2540 0%,#0369a1 55%,#01aeef 100%);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.pg-templates-hub .tp-auto strong i svg{stroke:#fff;width:16px;height:16px}.pg-templates-hub .tp-auto span{color:var(--muted);font-size:14.5px}.pg-templates-hub .tp-cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.pg-templates-hub .tp-cards.four{grid-template-columns:repeat(4,1fr)}.pg-templates-hub .tp-group+.tp-group{margin-top:44px}.pg-templates-hub .tp-group h3.tp-gh{margin-bottom:16px;font-size:20px}@media (width<=1100px){.pg-templates-hub .tp-cards.four{grid-template-columns:repeat(2,1fr)}}.pg-templates-hub .tp-card{background:var(--white);border:1px solid var(--line);color:var(--fg);border-radius:16px;align-content:start;gap:10px;padding:26px;text-decoration:none;display:grid}.pg-templates-hub .tp-card:hover{border-color:var(--mid);box-shadow:0 14px 30px -22px #0369a199}.pg-templates-hub .tp-card small{font:600 12px var(--body);color:var(--mid);text-transform:uppercase;letter-spacing:.07em}.pg-templates-hub .tp-card h3{font-size:21px}.pg-templates-hub .tp-card p{color:var(--muted)}.pg-templates-hub .tp-card b{color:var(--mid);font-weight:600}.pg-templates-hub .tp-hero-note{opacity:.85;font-size:14px}@media (width<=860px){.pg-templates-hub .tp-tips,.pg-templates-hub .tp-cards,.pg-templates-hub .tp-cards.four{grid-template-columns:1fr}.pg-templates-hub .tp-body{padding:4px 18px 20px}.pg-templates-hub .tp-bar{padding:14px 18px}.pg-templates-hub .tp-sec li{flex-direction:column;gap:6px}}.pg-templates-hub .hero{position:relative;overflow:hidden}.pg-templates-hub .hero .wrap{position:relative}.pg-templates-hub .hero-copy{max-width:640px}.pg-templates-hub .mascot{object-fit:cover;object-position:56% 50%;filter:drop-shadow(0 18px 24px #0a254059);width:204px;height:300px;position:absolute;bottom:-8px;right:24px}@media (width<=860px){.pg-templates-hub .mascot{width:82px;height:120px;top:10px;bottom:auto;right:6px}.pg-templates-hub .hero-copy h1{padding-right:84px}}.pg-templates-hub .hub-sub{font:600 15px var(--body);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:12px}.pg-templates-hub .d-wrap{grid-template-columns:1.1fr .9fr;align-items:start;gap:40px;display:grid}.pg-templates-hub .d-feat{background:var(--navy);color:#c9d7e4;border-radius:18px;gap:12px;padding:30px;text-decoration:none;display:grid}.pg-templates-hub .d-feat h3{font:600 26px var(--display);color:var(--white);margin:0}.pg-templates-hub .d-feat p{margin:0}.pg-templates-hub .d-label{color:var(--navy);background:var(--light);border-radius:99px;justify-self:start;padding:4px 10px;font-size:12px;font-weight:600}.pg-templates-hub .d-feat b{color:var(--light);font-weight:600}.pg-templates-hub .d-paper{background:var(--white);color:var(--muted);border-radius:6px;margin-top:6px;padding:16px 16px 18px;box-shadow:0 8px 0 -4px #dce5ed}.pg-templates-hub .d-paper p{font:600 13px var(--display);color:var(--fg);border-bottom:1px solid var(--line);margin:0 0 10px;padding-bottom:8px}.pg-templates-hub .d-paper ul{gap:7px;margin:0;padding:0;font-size:13px;line-height:1.4;list-style:none;display:grid}.pg-templates-hub .d-paper li{gap:7px;display:flex}.pg-templates-hub .d-paper li:before{content:"";border:1.5px solid #9fb3c8;border-radius:2px;flex:none;width:10px;height:10px;margin-top:2px}.pg-templates-hub .d-list{gap:28px;display:grid}.pg-templates-hub .d-list ul{margin:0;padding:0;list-style:none}.pg-templates-hub .d-list li a{border-bottom:1px solid var(--line);color:var(--fg);font:600 16px var(--display);justify-content:space-between;gap:12px;padding:13px 0;text-decoration:none;display:flex}.pg-templates-hub .d-list li a:hover{color:var(--mid)}.pg-templates-hub .d-list li a span{font:400 13px var(--body);color:var(--muted);white-space:nowrap;align-self:center}.pg-templates-hub .b-line{grid-template-columns:repeat(5,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.pg-templates-hub .b-line:before{content:"";border-top:2px solid #9fd3ee;position:absolute;top:7px;left:8px;right:8px}.pg-templates-hub .b-line li{align-content:start;gap:10px;display:grid;position:relative}.pg-templates-hub .b-dot{background:var(--mid);width:16px;height:16px;box-shadow:0 0 0 5px var(--soft);border-radius:50%;position:relative}.pg-templates-hub .b-stage{font:600 13px var(--body);text-transform:uppercase;letter-spacing:.07em;color:var(--mid);margin:6px 0 0}.pg-templates-hub .b-line a{color:var(--fg);background:var(--white);border:1px solid var(--line);border-radius:10px;gap:2px;padding:12px 14px;text-decoration:none;display:grid}.pg-templates-hub .b-line a:hover{border-color:var(--mid)}.pg-templates-hub .b-line a strong{font:600 15.5px var(--display)}.pg-templates-hub .b-line a span{color:var(--muted);font-size:13px}@media (width<=860px){.pg-templates-hub .d-wrap{grid-template-columns:1fr;gap:32px}.pg-templates-hub .b-line{grid-template-columns:1fr;gap:18px}.pg-templates-hub .b-line:before{border-top:0;border-left:2px solid #9fd3ee;inset:8px auto 8px 7px}.pg-templates-hub .b-line li{padding-left:34px}.pg-templates-hub .b-dot{position:absolute;top:0;left:0}.pg-templates-hub .b-stage{margin:0}}