/* Skinny Wiki: the feminine scrapbook edition. Decorative layers never carry meaning. */
:root{--cream:#fff8fc;--ink:#442039;--pink:#ff8dca;--line:#e8b7d0;--muted:#76546a;--script:'Caveat',cursive}body{background-color:#fff2f8;background-image:radial-gradient(#e9b8d03d .7px,transparent .7px);background-size:6px 6px}.topline{background:#dd287e;color:#fff;letter-spacing:.18em;position:relative}.topline:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.65;background-image:radial-gradient(#fff 0.8px,transparent 1px),radial-gradient(#ffd8ef 1px,transparent 1.6px);background-position:0 0,8px 8px;background-size:23px 17px,31px 29px}header{background:#fffdf5eb;border-bottom:2px dashed #e7a7c8;position:relative;z-index:5}.wordmark{color:#a71762}.wordmark sup{color:#db328a;text-shadow:1px 1px white,2px 2px #ddb1ed}.saved-link{border:1px solid #dc8fbb;background:#ffe4f2;padding:11px 13px;transform:rotate(2deg);box-shadow:2px 3px 0 #eebed6}.saved-link span{background:#fffdf5}.hero{position:relative;background:linear-gradient(105deg,#fff7e8 0%,#fff0f8 52%,#ffd9ef 100%);min-height:750px;isolation:isolate;border-bottom:10px solid #fffdf8}.hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.6;background-image:radial-gradient(#faaaed 1px,transparent 1px),radial-gradient(#fff 2px,transparent 2.5px);background-size:11px 11px,61px 49px;mask-image:linear-gradient(90deg,#0008,transparent 60%,#000)}.hero-copy{position:relative;padding-top:80px}.hand-note{font:600 29px/1.1 var(--script);color:#be2678;display:block;letter-spacing:0}.hero-note{position:absolute;top:24px;left:10%;transform:rotate(-6deg);background:#fff7bd;padding:3px 13px;box-shadow:2px 3px 0 #dcacd13b}.hero h1{color:#713052;font-size:clamp(65px,6.5vw,105px);line-height:1.05;position:relative;text-shadow:2px 2px 0 #fff}.hero h1 em{color:#da277c;position:relative;display:inline-block;z-index:0}.hero h1 em:after{content:'';position:absolute;bottom:4px;left:-3px;right:-13px;height:18px;background:#ffcf70;z-index:-1;transform:rotate(-2deg);opacity:.72;border-radius:30% 5% 15% 8%}.hero-description{background:#fffdf5b3;border-left:3px solid #f2a5cc;padding:12px 15px;width:fit-content;position:relative;font-size:13px}.button{background:#bd1f6c;border:1px solid #bd1f6c;color:white;box-shadow:4px 4px 0 #e7a1c6;transform:rotate(-1deg);border-radius:3px;position:relative}.button:hover{background:#90205a;color:white;box-shadow:2px 2px 0 #e7a1c6}.hero-actions .button:after{content:'✦';color:#ffef9b;font-size:22px;position:absolute;right:-10px;top:-17px;text-shadow:1px 1px #c665a6}.mini-note{color:#824563}.edition-note{font:600 24px var(--script);letter-spacing:0;transform:rotate(-3deg);margin-top:30px;color:#ae236c}.hero-photo{margin:36px 36px 37px 8px;min-height:650px;background:#ffb6d7;box-shadow:5px 7px 0 #e7a0c480,10px 11px 0 #fffdf5;transform:rotate(2deg);overflow:visible;border:5px solid #fffdf5}.hero-photo img{object-fit:cover;object-position:center;border-radius:0}.photo-label{background:#fff5b8;color:#70234f;padding:8px 12px;bottom:23px;left:-22px;box-shadow:1px 3px 4px #90567726;transform:rotate(-5deg);text-shadow:none;font-size:8px}.hero-stamp{background:linear-gradient(135deg,#fff4c0,#ffcae8,#dfcaff);color:#8b2059;right:-20px;bottom:47px;transform:rotate(-12deg);border:3px dotted white;box-shadow:0 0 0 2px #cb72ae,3px 7px 0 #b56ca34d}.hero-stamp i{font-family:var(--script);font-size:28px}.scrapbook-sparkles{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.scrapbook-sparkles span{position:absolute;font-family:Georgia,serif;line-height:1;color:#e955ad;text-shadow:2px 2px #fff,3px 3px #b671c4}.scrapbook-sparkles span:nth-child(1){font-size:62px;left:44%;top:7%;transform:rotate(15deg)}.scrapbook-sparkles span:nth-child(2){font-size:54px;left:41%;bottom:12%;transform:rotate(-16deg);color:#bd64bd}.scrapbook-sparkles span:nth-child(3){font-size:45px;left:3%;bottom:4%;color:#dca139}.scrapbook-sparkles span:nth-child(4){font-size:42px;right:1%;top:2%;color:#f3b744}.ticker{background:linear-gradient(90deg,#ff9cd0,#ffcce8,#d8baff,#ff9cd0);border-block:3px dotted #fff;box-shadow:0 3px 0 #e5a6cd;transform:rotate(-.6deg);position:relative;z-index:3;color:#672350;font-size:23px}.ticker span{font-size:10px}.intro{position:relative;margin:55px auto 35px;background:#fffef8;border:1px solid #edc5d8;box-shadow:6px 7px 0 #f0cade;max-width:850px;transform:rotate(-1deg);padding:70px 40px 55px}.intro:before,.intro:after{content:'';position:absolute;width:100px;height:28px;background:repeating-linear-gradient(45deg,#efa3c879 0 7px,#ffdbe8a6 7px 14px);top:-13px;transform:rotate(-10deg);left:26px;box-shadow:0 1px 2px #b47e9220}.intro:after{left:auto;right:25px;transform:rotate(14deg)}.intro-note{font-size:27px;position:absolute;top:13px;right:30px;transform:rotate(4deg)}.intro h2{color:#733853}.intro h2 em{color:#bc2572}.intro .eyebrow{margin-top:13px}.library{border-top:0}.section-title h2{color:#783657}.section-title h2 em{color:#cc307d}.search{border:1px solid #dda3c3;background:#fffefa;padding:11px 14px;box-shadow:3px 3px 0 #edc0da;border-radius:3px;transform:rotate(1deg)}.search input{color:#713151}.filterbar{border-bottom:2px dashed #e7b0cf}.filterbar button{border-color:#d99abf;background:#fffdf8;box-shadow:1px 2px 0 #efc9df}.filterbar button:nth-child(2n){transform:rotate(1deg)}.filterbar button:nth-child(3n){transform:rotate(-1deg)}.filterbar button[aria-pressed=true]{background:#b6236e;border-color:#b6236e;color:white;box-shadow:2px 3px 0 #e89cc4}.guide-grid{gap:42px 29px}.guide-card{background:#fffef8;padding:12px 12px 17px;border:1px solid #ead0dd;box-shadow:4px 5px 0 #ecc3d8;position:relative}.guide-card:nth-child(3n+1){transform:rotate(-1deg)}.guide-card:nth-child(3n+2){transform:rotate(.8deg)}.guide-card:nth-child(3n){transform:rotate(-.4deg)}.guide-card:before{content:'';position:absolute;width:68px;height:19px;background:repeating-linear-gradient(90deg,#efacce88 0 5px,#fce2eeae 5px 9px);top:-9px;left:calc(50% - 34px);transform:rotate(-5deg);z-index:1}.card-art{background-color:#ffc4e1!important;border:1px solid #ffffff;position:relative;background-image:radial-gradient(#fff 1px,transparent 1.6px),radial-gradient(#c9338c99 .8px,transparent 1.4px),linear-gradient(135deg,#ffb8d9,#ffdce9)!important;background-size:13px 17px,7px 11px,100% 100%;}.lavender .card-art{background-image:radial-gradient(#fff 1px,transparent 1.6px),radial-gradient(#9d70cf99 .8px,transparent 1.4px),linear-gradient(135deg,#d5bcff,#f2dcff)!important}.sand .card-art,.lemon .card-art{background-image:radial-gradient(#fff 1px,transparent 1.6px),radial-gradient(#dfaa4c99 .8px,transparent 1.4px),linear-gradient(135deg,#ffeaa5,#ffdfc9)!important}.green .card-art{background-image:radial-gradient(#fff 1px,transparent 1.6px),radial-gradient(#61b5ac99 .8px,transparent 1.4px),linear-gradient(135deg,#b7ecdd,#e8eec2)!important}.card-art>span{color:#fff1fc;text-shadow:2px 2px #aa3e8380,4px 4px #fff5;opacity:1;-webkit-text-stroke:1px #c2669a}.card-art small{background:#fffdf5d9;padding:4px 7px;bottom:10px;left:9px;transform:rotate(-2deg)}.guide-card h3{color:#773453}.guide-card>p{max-width:100%;color:#77566a}.card-bottom>a{color:#a92267}.save{background:#ffe2f1;color:#9d2865;border-color:#d995bb}.save:hover,.save.is-saved{background:#df3c8e;color:white;border-color:#c62b79}.age-section{background:#eddcf9;background-image:linear-gradient(0deg,transparent 95%,#b8a1ce35 95%);background-size:100% 26px;border-block:9px solid #fffdf7;position:relative;margin-block:15px;box-shadow:0 2px 0 #e7b4d0}.age-section:before{content:'your next chapter ♡';position:absolute;right:6%;top:10px;color:#8b42a5;font:27px var(--script);transform:rotate(4deg)}.age-section h2{color:#743468}.age-list{background:#fffdf6;padding:10px 20px;box-shadow:5px 6px 0 #d0b5dd;transform:rotate(1deg)}.age-list button{border-color:#e5c5d9}.age-list button>span:nth-child(2){color:#b32370}.age-list button:hover{background:#fff0f8}.spotlight-art{background:#ffbfdb;border:12px solid #fffdf7;box-shadow:6px 7px 0 #e5a9ca;transform:rotate(-3deg);color:#982460;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:9px 9px;min-height:390px}.spotlight-art:after{content:'read it, darling.';position:absolute;right:14px;bottom:10px;font:30px var(--script);background:#fff3b5;padding:4px 10px;transform:rotate(7deg)}.spotlight-copy{background:#fffef7;border:1px solid #eccadd;padding:28px 25px;position:relative;box-shadow:4px 6px 0 #f0cce0;transform:rotate(1deg)}.spotlight-copy:before{content:'✦';position:absolute;right:-14px;top:-25px;font-size:55px;color:#d94d9d;text-shadow:2px 2px white,3px 3px #d5a9ed}.spotlight h2{color:#8b3562}.manifesto{background:#fff9df;margin:25px auto 65px;max-width:800px;position:relative;transform:rotate(-1deg);box-shadow:7px 8px 0 #f0c5db;border:1px solid #ecdbb5}.manifesto:after{content:'✧';position:absolute;right:30px;top:20px;font-size:65px;color:#d8549a;text-shadow:2px 2px white}.manifesto h2{color:#9c3166}.text-link{color:#a32165}footer{background:#77244f;background-image:radial-gradient(#efa0cf75 .8px,transparent 1.2px),radial-gradient(#fff7 1px,transparent 1.4px);background-size:11px 17px,33px 29px;border-top:6px dotted #ffdaef;color:#fff5fb}.footer-top .wordmark{color:white}.footer-top .wordmark sup{color:#ffc5e7}.footer-bottom{color:#f4dce9}.fine{color:#efd3e2}.article,.info-page,.directory-page{background:#fffef9;box-shadow:5px 5px 0 #eccbdf;margin-top:35px;margin-bottom:45px;border:1px solid #ebcadb}.article h1,.info-page h1,.directory-page h1,.library>h1{color:#8c2d60}.article h2,.info-page h2{color:#923b6c}.article-meta,.review-note{color:#875d76}.source-box,.comparison-check{background:#fff0f8;border:1px dashed #d995bc}.article-dek{color:#80596e}.provider{background:#fff4f9;box-shadow:3px 4px 0 #eec5db;transform:rotate(-.4deg)}.provider:nth-child(2n){background:#f4ebfc;transform:rotate(.5deg)}.directory-note{border-style:dashed}.back{color:#a32669}#toast{background:#922662;border-color:#f2bbd8}.library>h1{margin-top:15px}@media(min-width:1500px){.hero{max-width:1600px}.hero-copy{padding-top:85px}}@media(max-width:1000px){.hero-photo{margin-right:24px;margin-left:0;min-height:570px}.hero{min-height:660px}.hero h1{font-size:76px}.hero-copy{padding-top:75px}.hero-stamp{width:112px;height:112px;font-size:10px;right:-10px}.hero-stamp i{font-size:24px}.intro{margin-inline:5%;}.scrapbook-sparkles span:nth-child(1){font-size:38px;left:43%;top:11%}.spotlight-art{padding-left:20px;padding-right:20px}.spotlight-copy{padding:23px 20px}}@media(max-width:760px){header{padding-block:17px}.saved-link{padding:7px 8px;font-size:7px}.hero{min-height:0;padding-bottom:10px}.hero-copy{padding:63px 7% 23px}.hero-note{top:19px;left:8%;font-size:25px}.hero h1{font-size:clamp(51px,10vw,74px);margin:19px 0 18px;line-height:1.02}.hero .eyebrow{font-size:8px}.hero-description{font-size:12px;line-height:1.7;padding:9px 12px;margin-bottom:20px}.hero-actions .button{padding:15px 21px}.edition-note{font-size:22px;margin-top:23px;margin-bottom:0}.hero-photo{margin:8px 8% 25px;min-height:0;aspect-ratio:4/5;border:4px solid #fffdf5;box-shadow:5px 5px 0 #e7a0c480,9px 9px 0 #fffdf5;transform:rotate(2deg)}.hero-photo img{object-fit:cover}.hero-stamp{width:110px;height:110px;bottom:18px;right:-16px}.photo-label{bottom:15px;left:-18px;padding:6px 8px;font-size:6px}.scrapbook-sparkles span:nth-child(1){font-size:45px;left:auto;right:5%;top:5%}.scrapbook-sparkles span:nth-child(2){display:none}.scrapbook-sparkles span:nth-child(3){font-size:32px;bottom:3%;left:1%}.scrapbook-sparkles span:nth-child(4){display:none}.intro{margin:40px 6% 15px;padding:65px 22px 35px}.intro-note{top:16px;right:14px;font-size:23px}.intro h2{font-size:32px}.intro p:last-child{font-size:12px}.section-title h2{font-size:39px}.guide-grid{gap:34px 17px}.guide-card{padding:8px 8px 14px}.guide-card h3{font-size:20px}.card-art{height:140px}.card-meta{font-size:7px;letter-spacing:0}.card-art small{font-size:5px;padding:4px;left:5px}.age-section:before{font-size:23px;top:5px}.age-list{padding:8px 14px}.age-section h2{font-size:46px}.age-list small{font-size:7px}.spotlight-art{min-height:350px}.spotlight-copy h2{font-size:54px}.manifesto{margin:20px 6% 45px;padding:55px 23px}.manifesto h2{font-size:44px}.manifesto:after{font-size:38px;right:15px;top:12px}.article,.info-page,.directory-page{margin:22px 4% 35px;padding-inline:6%}.article h1,.info-page h1,.directory-page h1{font-size:43px}.article-toolbar{gap:12px}.article-toolbar .button{font-size:6px;padding:10px}.footer-top .wordmark{font-size:39px}.footer-bottom>div{gap:13px}}@media(max-width:380px){.guide-grid{grid-template-columns:1fr}.card-art{height:180px}.hero h1{font-size:49px}.wordmark{font-size:31px}.hero-stamp{width:96px;height:96px}.hero-stamp i{font-size:22px}}