.book-page-shell{min-height:100vh;background:#e8edf5;color:#12213d}.book-page-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(24px,4vw,64px);border-bottom:1px solid #d8e1ed;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.book-page-header a{display:inline-flex;align-items:center;gap:7px;color:#52657d;text-decoration:none;font-size:13px;font-weight:700}.book-page-header h1{margin:7px 0 2px;font-size:26px}.book-page-header p{margin:0;color:#748299;font-size:13px}.book-page-header>div:last-child{display:flex;gap:10px}.book-page-shell .book-stage:not(.hidden){position:static;display:block;min-height:calc(100vh - 98px);overflow:visible;padding:48px clamp(24px,4vw,72px) 80px;background:#e8edf5;backdrop-filter:none}.book-page-shell .book{display:grid;grid-template-columns:repeat(2,minmax(0,560px));justify-content:center;align-items:start;gap:36px;width:100%;max-width:1200px;margin:0 auto;filter:none}.book-page-shell .page{box-sizing:border-box;width:100%;min-height:0;aspect-ratio:1/1.414;border:1px solid #d4deeb!important;border-radius:10px!important;box-shadow:0 18px 45px rgba(28,48,78,.14)}.book-divider{display:flex;flex-direction:column;justify-content:center;padding:11%;border-top:8px solid var(--file-accent,#275bc0)!important}.book-divider>span{color:var(--file-accent,#275bc0);font-size:72px;font-weight:800}.book-divider>p{margin:12px 0;color:#6f7e94;font-size:12px;font-weight:800;letter-spacing:.12em}.book-divider h1{max-width:430px;margin:0;font-size:34px;line-height:1.25}.book-divider small{margin-top:24px;color:#78869a}.book-divider.divider-bold{border:12px solid var(--file-accent,#275bc0)!important}.book-divider.divider-minimal>span{font-size:42px}.book-page-shell .closing-page{padding:12%}.book-page-shell .closing-page p:last-child{max-width:390px;margin:20px auto;color:#5f6f85;line-height:1.7}@media(max-width:900px){.book-page-shell .book{grid-template-columns:minmax(0,560px)}.book-page-header{align-items:flex-start}.book-page-header>div:last-child .btn{font-size:0}.book-page-header>div:last-child .btn svg{margin:0}}@media(max-width:560px){.book-page-header{padding:15px 16px}.book-page-header h1{font-size:21px}.book-page-shell .book-stage:not(.hidden){padding:24px 12px 50px}.book-divider h1{font-size:27px}}
.coastal-cover{position:relative;padding:0!important;display:block!important;text-align:left!important;background:#fdfbf6 url('/assets/concepts/pesisir-organic-background.png') center/cover no-repeat!important}.coastal-cover:before{left:0!important;right:0;top:0!important;bottom:auto!important;width:auto!important;height:6px;background:linear-gradient(90deg,#082d78,var(--file-accent),#35bdf2)!important}.coastal-cover:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.34),transparent 62%,rgba(5,25,66,.08));pointer-events:none}.cover-masthead{position:absolute;z-index:1;top:6.5%;left:7%;right:8%;height:10%;display:flex;align-items:flex-start;justify-content:space-between}.coastal-cover .cover-kpm{width:30%;height:100%;margin:0;object-fit:contain;object-position:left top}.coastal-cover .cover-school-logo{width:11.75%;height:100%;margin:0;object-fit:contain;object-position:right top}.coastal-cover .cover-type{position:absolute;z-index:1;top:27%;left:9%;margin:0;padding-bottom:7px;color:var(--file-accent);font-size:2.6cqw;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.coastal-cover .cover-type:after{content:"";display:inline-block;width:40px;height:2px;margin-left:10px;background:var(--file-accent);vertical-align:middle}.coastal-cover h1{position:absolute;z-index:1;top:33%;left:0;width:91%;min-height:16%;max-width:none;margin:0;padding:4.6% 23% 4.8% 9%;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,22,56,.97),rgba(7,37,81,.9) 58%,rgba(7,43,88,.56) 76%,transparent);color:#fff;font-size:7.4cqw;line-height:1.08;letter-spacing:-.045em}.cover-meta{position:absolute;z-index:1;left:9%;bottom:12.5%;display:flex;align-items:center;gap:9px;color:#fff;text-shadow:0 2px 7px rgba(2,14,34,.72),0 1px 1px rgba(2,14,34,.8)}.cover-meta b,.cover-meta span{font-size:1.95cqw;letter-spacing:.05em}.cover-meta b:after{content:"·";margin-left:9px;color:rgba(255,255,255,.7)}.cover-digital{position:absolute;z-index:1;left:9%;bottom:4.8%;width:22%}.coastal-cover .cover-digital img{display:block;width:100%;height:auto;margin:0;filter:brightness(0) invert(1)}.book-cover-qr{position:absolute;z-index:1;right:8%;bottom:4.2%;width:13.5%;aspect-ratio:1;padding:5px;border-radius:5px;background:#fff;box-shadow:0 6px 18px rgba(5,22,56,.18)}.book-cover-qr svg{display:block;width:100%;height:100%}
.cover-meta b:after{content:"\00b7"}
.coastal-cover h1{text-transform:uppercase}