/* Hubpile Creator OS v4 additions */
:root{--hp4-radius:20px;--hp4-shadow:0 18px 55px rgba(15,23,32,.08);--hp4-line:#dfe8e4;--hp4-muted:#667085;--hp4-green:#079669;--hp4-green-dark:#065f46;--hp4-soft:#eefaf5;--hp4-dark:#071913}
.hp-site-header{z-index:1000}.hp-site-nav{gap:4px}.hp-nav-dropdown{min-width:340px;padding:10px;box-shadow:0 18px 55px rgba(15,23,32,.16);border:1px solid #dfe8e4;border-radius:16px}.hp-nav-dropdown a{padding:12px 13px;border-radius:12px}.hp-nav-dropdown a:hover{background:#f2faf6}.hp-nav-dropdown strong{display:flex;align-items:center;gap:7px}.hp-nav-dropdown p{font-size:12px;line-height:1.45;margin:4px 0 0;color:#667085}.hp-nav-badge{font-size:9px;line-height:1;padding:4px 6px;border-radius:999px;background:#e6f8ef;color:#087252;text-transform:uppercase;letter-spacing:.04em}.hp-mobile-parent{font-weight:850;color:#101828;margin-top:12px}.hp-mobile-child{padding-left:14px!important;color:#475467!important}
.hp-footer{position:relative}.hp-footer-links{display:grid!important;gap:8px!important}.hp-footer-links li{display:block!important;opacity:1!important;visibility:visible!important}.hp-footer-links a{display:inline-block!important;opacity:1!important;visibility:visible!important;color:#dce9e4!important;text-decoration:none}.hp-footer-links a:hover{color:#fff!important}.hp-footer-col h4{color:#fff!important}.hp-footer-brand p{color:#c9d7d2!important}.hp-footer-bottom{color:#aebfba!important}.hp-footer-bottom a{color:#d7e4df!important}
.hp4-page{background:#f7faf8;min-height:70vh}.hp4-container{width:min(1180px,calc(100% - 36px));margin:0 auto}.hp4-hero{padding:76px 0 54px;background:linear-gradient(135deg,#f4fbf8 0%,#eef8f3 52%,#fff 100%);border-bottom:1px solid var(--hp4-line)}.hp4-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:48px;align-items:center}.hp4-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--hp4-green);margin-bottom:14px}.hp4-hero h1{font-size:clamp(42px,6vw,74px);line-height:.96;letter-spacing:-.055em;margin:0;color:#0b1720}.hp4-hero p{font-size:18px;line-height:1.7;color:#52606d;max-width:700px}.hp4-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hp4-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid #dce7e2;background:#fff;color:#10231c;font-weight:800;text-decoration:none;cursor:pointer}.hp4-btn.primary{background:var(--hp4-green);border-color:var(--hp4-green);color:#fff}.hp4-btn.dark{background:#0c211a;border-color:#0c211a;color:#fff}.hp4-btn.small{padding:8px 11px;font-size:12px}.hp4-btn.danger{background:#fff1f0;border-color:#f3c6c2;color:#a52a21}.hp4-hero-card{background:#071913;color:#fff;border-radius:26px;padding:26px;box-shadow:var(--hp4-shadow);position:relative;overflow:hidden}.hp4-hero-card:before{content:"";position:absolute;inset:auto -70px -90px auto;width:240px;height:240px;border-radius:50%;background:rgba(98,245,186,.18)}.hp4-hero-card h3{font-size:26px;margin:0 0 8px}.hp4-hero-card p{color:#c6d5d0;font-size:14px;margin:0 0 18px}.hp4-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;position:relative}.hp4-mini{padding:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:14px}.hp4-mini strong{display:block;font-size:19px}.hp4-mini span{font-size:11px;color:#b8cac4}.hp4-section{padding:58px 0}.hp4-section.white{background:#fff}.hp4-section.dark{background:#071913;color:#fff}.hp4-section-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:26px}.hp4-section-head h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;line-height:1.02;margin:0}.hp4-section-head p{max-width:600px;color:#667085;margin:0;line-height:1.65}.hp4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hp4-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.hp4-card{background:#fff;border:1px solid var(--hp4-line);border-radius:var(--hp4-radius);padding:22px;box-shadow:0 8px 28px rgba(15,23,32,.045)}.hp4-card h3{margin:0 0 8px;font-size:21px;letter-spacing:-.025em}.hp4-card p{color:#667085;line-height:1.6;margin:0 0 14px}.hp4-card .meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.hp4-chip{display:inline-flex;align-items:center;gap:5px;background:#f2f7f5;border:1px solid #e2ebe7;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750;color:#40544c}.hp4-price{font-size:24px;font-weight:900;letter-spacing:-.03em;color:#0a5f46}.hp4-cover{height:170px;border-radius:15px;margin:-6px -6px 18px;background:linear-gradient(135deg,#0b6c50,#62f5ba);overflow:hidden;display:flex;align-items:end;padding:16px;color:#fff;font-weight:900}.hp4-cover img{width:100%;height:100%;object-fit:cover;display:block}.hp4-empty{padding:40px;border:1px dashed #cfdcd6;border-radius:18px;text-align:center;color:#667085;background:#fff}.hp4-alert{padding:13px 15px;border-radius:13px;margin:0 0 18px;border:1px solid #cbe8da;background:#edf9f3;color:#096248;font-weight:700}.hp4-alert.error{background:#fff1f0;border-color:#f0c9c5;color:#9c2d24}.hp4-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.hp4-search{display:flex;gap:8px;flex:1;max-width:520px}.hp4-input,.hp4-select,.hp4-textarea{width:100%;box-sizing:border-box;border:1px solid #d6e1dc;background:#fff;border-radius:12px;padding:12px 13px;color:#14221d;font:inherit}.hp4-textarea{min-height:130px;resize:vertical}.hp4-label{display:block;font-size:12px;font-weight:850;margin:0 0 7px;color:#344b42}.hp4-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hp4-form-grid .wide{grid-column:1/-1}.hp4-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hp4-stat{background:#fff;border:1px solid var(--hp4-line);border-radius:16px;padding:17px}.hp4-stat strong{display:block;font-size:25px;letter-spacing:-.035em}.hp4-stat span{font-size:12px;color:#667085}.hp4-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.hp4-tabs a{padding:9px 12px;border:1px solid #dbe5e1;border-radius:10px;text-decoration:none;color:#405048;background:#fff;font-weight:750;font-size:13px}.hp4-tabs a.active{background:#0c211a;color:#fff;border-color:#0c211a}.hp4-table-wrap{overflow:auto;border:1px solid var(--hp4-line);border-radius:16px;background:#fff}.hp4-table{width:100%;border-collapse:collapse;min-width:760px}.hp4-table th,.hp4-table td{padding:13px 14px;border-bottom:1px solid #edf2ef;text-align:left;font-size:13px;vertical-align:top}.hp4-table th{background:#f6f9f7;color:#51635b;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.hp4-table tr:last-child td{border-bottom:0}.hp4-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf8f3;color:#08724f;font-size:11px;font-weight:850}.hp4-status.draft,.hp4-status.pending{background:#fff7e7;color:#8a5a00}.hp4-status.archived,.hp4-status.cancelled,.hp4-status.hidden{background:#f2f4f7;color:#667085}.hp4-list{display:grid;gap:12px}.hp4-feed-post{background:#fff;border:1px solid var(--hp4-line);border-radius:17px;padding:18px}.hp4-feed-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px}.hp4-feed-author{font-weight:850}.hp4-feed-time{font-size:11px;color:#98a2b3}.hp4-feed-body{color:#344054;line-height:1.65;white-space:pre-wrap}.hp4-comment{border-top:1px solid #edf1ef;padding-top:10px;margin-top:10px;font-size:13px;color:#475467}.hp4-audio-shell{background:#071913;color:#fff;border-radius:24px;padding:24px;box-shadow:var(--hp4-shadow)}.hp4-audio-shell audio{width:100%;margin-top:16px}.hp4-audio-meta{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center}.hp4-audio-art{width:110px;height:110px;border-radius:18px;object-fit:cover;background:#153229}.hp4-audio-shell h1{font-size:clamp(30px,4vw,48px);margin:0;line-height:1.02;letter-spacing:-.04em}.hp4-audio-shell p{color:#c6d5d0;line-height:1.6}.hp4-transcript{white-space:pre-wrap;line-height:1.75;color:#344054}.hp4-episode-list{display:grid;gap:10px}.hp4-episode{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:14px;background:#fff;border:1px solid var(--hp4-line);border-radius:14px;text-decoration:none;color:inherit}.hp4-episode img{width:64px;height:64px;border-radius:11px;object-fit:cover}.hp4-episode strong{display:block}.hp4-episode span{font-size:12px;color:#667085}.hp4-side-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.hp4-sticky{position:sticky;top:100px;align-self:start}.hp4-prose{line-height:1.75;color:#475467}.hp4-prose h2,.hp4-prose h3{color:#101828}.hp4-creator-shell{background:#f5f8f7;min-height:80vh;padding:34px 0 60px}.hp4-creator-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.hp4-creator-head h1{margin:0;font-size:36px;letter-spacing:-.04em}.hp4-sidebar-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.hp4-side-nav{background:#0b211a;border-radius:20px;padding:12px;align-self:start;position:sticky;top:96px}.hp4-side-nav a{display:block;color:#c8d8d2;text-decoration:none;padding:11px 12px;border-radius:11px;font-size:13px;font-weight:750}.hp4-side-nav a:hover,.hp4-side-nav a.active{background:#123b2e;color:#fff}.hp4-side-nav .label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7fa595;padding:12px 12px 6px}.hp4-panel{background:#fff;border:1px solid var(--hp4-line);border-radius:20px;padding:22px}.hp4-panel h2{margin:0 0 6px}.hp4-panel-intro{color:#667085;margin:0 0 20px}.hp4-divider{height:1px;background:#e9efec;margin:20px 0}.hp4-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#475467}.hp4-check input{margin-top:3px}
@media(max-width:980px){.hp4-hero-grid,.hp4-side-layout,.hp4-sidebar-layout{grid-template-columns:1fr}.hp4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp4-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp4-side-nav{position:static;display:flex;gap:4px;overflow:auto}.hp4-side-nav .label{display:none}.hp4-side-nav a{white-space:nowrap}.hp4-sticky{position:static}}
@media(max-width:650px){.hp4-container{width:min(100% - 24px,1180px)}.hp4-hero{padding:50px 0 36px}.hp4-grid,.hp4-grid.two,.hp4-form-grid,.hp4-stat-grid{grid-template-columns:1fr}.hp4-form-grid .wide{grid-column:auto}.hp4-section{padding:42px 0}.hp4-section-head{display:block}.hp4-section-head p{margin-top:12px}.hp4-audio-meta{grid-template-columns:1fr}.hp4-episode{grid-template-columns:54px 1fr}.hp4-episode>span:last-child{display:none}.hp4-creator-head{display:block}.hp4-creator-head .hp4-actions{margin-top:12px}}