.story-trails-page{max-width:1100px;margin:0 auto;padding:28px 30px 60px;color:#244f68}.story-trails-page h1{font-size:clamp(36px,5vw,58px);line-height:1.13;margin:14px 0 24px}.story-trails-page h2{line-height:1.22}.story-trails-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:25px 0 34px}.story-trails-heading>div:first-child{max-width:650px}.story-trails-heading p:not([class]){font-size:18px;line-height:1.8}.story-trails-heading .handwritten{font-size:27px}.trail-header-art{width:260px;flex:none;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;transform:rotate(4deg)}.trail-header-art .trail-badge{width:110px;background:#ecd49e;border:2px solid #789797;border-radius:45% 55% 47% 43%;padding:13px;box-shadow:3px 4px 0 #668b9440}.trail-header-art .trail-badge:nth-child(2){background:#e4b3a4;transform:rotate(12deg)}.trail-header-art .trail-badge:nth-child(3){background:#c1d7aa;transform:rotate(-10deg);margin-top:-7px}.trail-hub-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.trail-hub-tools .word-filters{margin:0}.trail-hub-tools>.text-button{font-size:13px}.story-trails-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 25px}.peach{--trail-paper:#edc4aa;--trail-edge:#b79781}.yellow{--trail-paper:#eddaa3;--trail-edge:#b6a071}.green{--trail-paper:#c4d8af;--trail-edge:#8b9f7a}.lilac{--trail-paper:#d0c7e3;--trail-edge:#9b91b5}.blue{--trail-paper:#bfd8e6;--trail-edge:#8faebb}.rose{--trail-paper:#e5bec4;--trail-edge:#b08e99}.story-trail-card{background:var(--trail-paper);border:2px solid var(--trail-edge);border-radius:29px 37px 26px 33px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:3px 4px 0 #537f8a25}.story-trail-card:nth-child(3n+2){transform:rotate(.7deg)}.story-trail-card:nth-child(3n+3){transform:rotate(-.6deg)}.trail-cover{position:relative;aspect-ratio:10/7;overflow:hidden}.trail-cover>img{width:100%;height:100%;object-fit:cover}.trail-cover>.trail-badge{position:absolute;bottom:9px;right:12px;width:64px;background:var(--trail-paper);border:2px solid var(--trail-edge);border-radius:45%;padding:8px;transform:rotate(9deg)}.trail-card-copy{padding:21px 24px 27px}.trail-theme{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;line-height:1.8;margin:0}.trail-card-copy h2{font-size:29px;margin:12px 0 14px}.trail-card-copy>p:not([class]){font-size:14px;line-height:1.75}.trail-card-copy>strong{display:block;font-size:11px;line-height:1.8;margin-top:16px}.trail-mini-stops{display:flex;gap:10px;margin-top:18px}.trail-mini-stops i{font-style:normal;width:23px;height:23px;border:1px dashed #719098;border-radius:50%;display:grid;place-items:center;color:#567581}.trail-mini-stops i.read{border-style:solid;background:#f7e6bc;color:#2e5e54}.trail-small{font-size:12px;line-height:1.9;color:#486875;max-width:820px;margin:25px 0}.trail-empty{background:#e7d7b2;padding:30px;border:2px dashed #aa9b7b;border-radius:24px;line-height:1.8}.trail-badge{display:block;width:100px;height:auto;flex:none}.trail-detail-heading{display:flex;gap:30px;align-items:center;margin:28px 0;padding:32px 35px;background:var(--trail-paper);border:2px solid var(--trail-edge);border-radius:31px 42px 28px 38px}.trail-detail-heading>.trail-badge{width:130px;transform:rotate(-7deg)}.trail-detail-heading h1{font-size:clamp(32px,4.5vw,48px);margin:10px 0 20px}.trail-detail-heading>div>p:not([class]){font-size:17px;line-height:1.8;margin-bottom:20px}.trail-progress{font-size:12px;font-weight:800}.trail-next{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0}.trail-next>span{font-size:13px}.trail-next>button{font-size:13px}.trail-finished{font-size:29px;margin:34px 0}.story-trail-stops{list-style:none;margin:0 0 30px;padding:0 0 0 43px;position:relative}.story-trail-stops:before{content:'';position:absolute;top:20px;bottom:80px;left:15px;border-left:3px dashed #789eaa}.story-trail-stop{display:grid;grid-template-columns:1fr 1fr;position:relative;gap:26px;align-items:center;margin:0 0 29px;background:#c4d9e5;border:1.5px solid #90afbd;border-radius:25px 35px 27px 32px;overflow:visible}.story-trail-stop:nth-child(2){background:#e6d3ac;border-color:#b5a17a}.story-trail-stop:nth-child(3){background:#c5d5b8;border-color:#8da48f}.trail-stop-number{position:absolute;top:35px;left:-46px;width:35px;height:35px;border:2px solid #72909b;background:#f6d789;border-radius:45%;display:grid;place-items:center;font:21px Kalam,cursive;transform:rotate(-8deg)}.trail-stop-picture{align-self:stretch;border-radius:23px 25px 28px 30px;overflow:hidden}.trail-stop-picture img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:10/7}.trail-stop-copy{padding:24px 25px 24px 0}.trail-stop-copy h2{font-size:30px;margin:10px 0 16px}.trail-stop-copy>p:not([class]){font-size:15px;line-height:1.8}.trail-stop-copy>.secondary-button{font-size:12px;margin-top:8px}.trail-stop-copy>.text-button{display:block;font-size:11px;margin-top:17px}.trail-together{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;margin:35px 0}.trail-together>div{padding:28px 30px;border:1.5px dashed #89979e;border-radius:26px 36px 29px 32px}.trail-conversation{background:#ccc6df}.trail-make{background:#edcea5}.trail-together .handwritten{font-size:25px}.trail-together h2{font-size:29px;margin:15px 0 20px}.trail-together p:not([class]),.trail-together li{font-size:15px;line-height:1.85}.trail-together ol{padding-left:22px}.trail-together li{padding-left:5px;margin:14px 0}.trail-keepsake{display:flex;gap:30px;align-items:center;background:var(--trail-paper);border:2px solid var(--trail-edge);padding:30px 35px;border-radius:30px 38px 26px 34px}.trail-keepsake h2{font-size:30px;margin:0 0 18px}.trail-keepsake p{font-size:15px;line-height:1.8;max-width:600px}.trail-keepsake button{font-size:12px;margin-top:7px}.trail-keepsake button:disabled,.retell-finish button:disabled{opacity:.7;cursor:default}.trail-footer{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin:30px 0}.trail-footer>.trail-small{width:100%;margin:0}.trail-footer>button,.trail-footer>a{font-size:12px}.story-trail-ribbon{display:flex;align-items:center;gap:15px;max-width:740px;margin:15px auto 28px;padding:14px 22px;background:#e4d5ac;border:1px dashed #a08f70;border-radius:19px 25px 22px 27px}.story-trail-ribbon>.trail-badge{width:48px}.story-trail-ribbon span{font-size:10px;display:block;line-height:1.7}.story-trail-ribbon a{display:block;font-size:14px;font-weight:800;line-height:1.7;color:#285674}.trails-teaser{display:flex;max-width:1110px;margin:0 auto 45px;padding:27px 36px;gap:35px;align-items:center;background:#c4d9e8;border:2px solid #83a6bb;border-radius:29px 37px 27px 36px;text-decoration:none;color:#244f68}.trail-teaser-art{display:flex;align-items:center;flex:none}.trail-teaser-art>.trail-badge{width:85px;background:#edc8a2;padding:10px;border-radius:45%;border:1.5px solid #97a0a0;transform:rotate(-12deg)}.trail-teaser-art>.trail-badge:nth-child(2){margin:50px -5px 0;background:#eddca3;transform:rotate(9deg)}.trail-teaser-art>.trail-badge:nth-child(3){background:#c5d8b0}.trails-teaser h2{font-size:35px;margin:12px 0 14px}.trails-teaser .handwritten{font-size:25px}.trails-teaser p:not([class]){font-size:15px;line-height:1.8}.trails-teaser strong{display:block;font-size:12px;margin-top:20px;line-height:1.7}
.retell-preview{display:flex;gap:18px;margin:32px 0}.retell-preview>img{display:block;width:calc((100% - 36px)/3);height:auto;border-radius:22px 29px 24px 27px;border:2px solid #8aa8b4;transform:rotate(-2deg)}.retell-preview>img:nth-child(2){transform:rotate(2deg)}.retell-picker{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;background:#e4d2a9;border:1.5px solid #aa9876;padding:25px 30px;border-radius:25px 34px 22px 29px}.retell-picker>label{grid-column:1/-1;font:28px Fredoka,sans-serif}.retell-picker>select{min-width:0;max-width:100%;padding:15px 12px;border:1.5px solid #929c94;background:#f5e5be;border-radius:12px;color:#244f68;font:14px Nunito,sans-serif}.retell-picker button{font-size:12px}.retell-collection{padding:30px;background:#c0d5bb;border:1.5px solid #88a294;border-radius:26px 33px 24px 30px;margin-top:32px}.retell-collection h2{font-size:30px;margin-top:0}.retell-collection p{font-size:15px;line-height:1.8}.retell-collection>div{display:grid;grid-template-columns:1fr 1fr;gap:13px 25px}.retell-collection a{font-size:13px;line-height:1.8;color:#244f68}.retell-scenes{list-style:none;padding:0;margin:30px 0;display:grid;gap:30px}.retell-scenes>li{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:#d8c9e1;border:1.5px solid #a29ab5;border-radius:29px 35px 24px 31px;overflow:hidden}.retell-scenes>li:nth-child(2){background:#e4d1a4;border-color:#b2a276}.retell-scenes>li:nth-child(3){background:#bfd4b7;border-color:#8caa91}.retell-scenes img{display:block;width:100%;height:auto}.retell-scenes>li>div{padding:25px 30px}.retell-scenes .handwritten{font-size:26px}.retell-scenes h2{font-size:29px;margin:18px 0 24px}.retell-scenes summary{cursor:pointer;font-size:14px;font-weight:800;min-height:44px;line-height:1.6}.retell-scenes details p{font-size:15px;line-height:1.8}.retell-finish{background:#bdd7e6;border:2px solid #86a9bd;padding:30px 35px;border-radius:28px 37px 25px 33px}.retell-finish h2{font-size:32px;margin-top:0}.retell-finish p{font-size:15px;line-height:1.8}.retell-finish #retell-status{font-size:12px}.retell-finish button{font-size:13px;margin:12px 0 0}.retell-finish .text-button{font-size:12px;display:inline-block;margin:15px 22px 0 0}
.retell-surprise,.circle-resume{font-size:13px;display:inline-block;margin:22px 25px 0 0}.retell-family-options{border-top:1px dashed #83a5b6;margin-top:24px;padding-top:23px}.retell-family-options>.secondary-button{font-size:12px}.circle-welcome,.circle-prompt{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#e6d1a8;border:2px solid #af9d7c;border-radius:29px 38px 26px 33px;overflow:hidden;margin:30px 0}.circle-welcome>img,.circle-prompt img{display:block;width:100%;height:auto}.circle-welcome>div,.circle-prompt>div:last-child{padding:30px}.circle-welcome h2,.circle-prompt h2{font-size:33px;margin:15px 0 23px}.circle-welcome p,.circle-prompt p{font-size:16px;line-height:1.85}.circle-welcome form{display:grid;gap:15px;margin-top:24px}.circle-welcome label{font-size:13px;font-weight:800}.circle-welcome select{padding:13px;border:1.5px solid #9d9e88;border-radius:10px;color:#244f68;background:#f2dfb7;font:14px Nunito,sans-serif;max-width:100%}.circle-welcome button,.circle-prompt button{font-size:12px;justify-self:start}.circle-turns{display:flex;justify-content:center;gap:22px;margin:30px 0}.circle-person{display:flex;flex-direction:column;align-items:center;gap:10px;border:2px solid transparent;padding:12px 18px;border-radius:25px;opacity:.65}.circle-person>svg{width:48px;height:51px}.circle-person>span{font-size:12px;font-weight:800}.circle-person.is-current{background:#c5d7b2;border:2px dashed #80a08c;opacity:1}.circle-prompt{background:#c5d9e6;border-color:#8da9bc;margin-top:20px}.circle-prompt details{margin:22px 0}.circle-prompt summary{font-size:13px;font-weight:800;cursor:pointer;min-height:40px}.circle-prompt .trail-small,.circle-welcome .trail-small{font-size:12px}.circle-turn-note{text-align:center;font-size:13px;line-height:1.8}.circle-finished{background:#c7d9b8;border:2px solid #91aa91;border-radius:29px 40px 28px 36px;padding:28px 40px;text-align:center;margin:30px 0}.circle-finished .friends-together{max-width:300px;margin:0 auto 30px}.circle-finished h2{font-size:36px}.circle-finished .handwritten{font-size:30px}.circle-finished p:not([class]){font-size:17px;line-height:1.8;max-width:570px;margin:22px auto}.circle-finished .trail-small{margin:25px auto 0}.circle-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:25px 0}.circle-actions>*{font-size:12px}.circle-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0}.circle-footer .text-button{font-size:12px}.circle-footer>.trail-small{width:100%;margin:0}
@media(max-width:850px){.story-trails-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trail-header-art{width:160px}.trail-header-art .trail-badge{width:85px}.trail-together{grid-template-columns:1fr}.trails-teaser{padding:26px;gap:24px}.trail-teaser-art>.trail-badge{width:65px}.trail-stop-copy h2{font-size:26px}.trail-stop-copy>p:not([class]){font-size:14px}}
@media(max-width:750px){.circle-welcome,.circle-prompt{grid-template-columns:1fr}.circle-welcome>div,.circle-prompt>div:last-child{padding:25px}.circle-welcome h2,.circle-prompt h2{font-size:30px}.circle-turns{gap:5px}.circle-person{padding:10px 8px}.circle-person>span{font-size:10px}.circle-person>svg{width:37px;height:40px}.circle-finished{padding:25px}.circle-finished h2{font-size:30px}.circle-finished p:not([class]){font-size:15px}.retell-family-options>.secondary-button{font-size:11px}}
@media(max-width:600px){.story-trails-page{padding:20px 23px 40px}.story-trails-heading{gap:5px;align-items:flex-start;margin-top:20px;position:relative}.story-trails-heading>div:first-child{width:100%}.story-trails-heading h1{max-width:260px;font-size:43px;padding-right:35px}.story-trails-heading .handwritten{font-size:23px;max-width:230px}.story-trails-heading p:not([class]){font-size:15px;max-width:270px}.trail-header-art{position:absolute;width:60px;right:-7px;top:60px;gap:8px}.trail-header-art .trail-badge{width:56px;padding:7px}.trail-header-art .trail-badge:nth-child(3){margin-top:0}.trail-hub-tools{gap:12px}.trail-hub-tools .word-filters{justify-content:flex-start;gap:8px}.trail-hub-tools .word-filters button{font-size:11px;padding:10px 13px}.trail-hub-tools>.text-button{font-size:12px}.story-trails-grid{grid-template-columns:1fr;gap:25px}.trail-cover{aspect-ratio:10/6}.trail-card-copy{padding:22px 24px 25px}.trail-card-copy h2{font-size:30px}.trail-card-copy>p:not([class]){font-size:15px}.trail-small{font-size:11px}.trail-detail-heading{gap:10px;padding:25px 23px;position:relative;display:block}.trail-detail-heading>.trail-badge{width:64px;float:right;margin:0 0 6px 10px}.trail-detail-heading h1{font-size:35px}.trail-detail-heading>div>p:not([class]){font-size:15px;clear:both}.trail-next{gap:14px;margin:24px 0}.trail-next>span{font-size:12px}.story-trail-stops{padding-left:26px}.story-trail-stops:before{left:4px}.story-trail-stop{grid-template-columns:1fr;gap:0;margin-bottom:25px;border-radius:24px 28px 25px 31px}.trail-stop-number{left:-36px;top:28px;width:30px;height:30px}.trail-stop-picture{border-radius:22px 26px 24px 25px}.trail-stop-copy{padding:23px}.trail-stop-copy h2{font-size:29px}.trail-stop-copy>.text-button{font-size:11px;line-height:1.8}.trail-together{gap:23px}.trail-together>div{padding:23px 25px}.trail-together h2{font-size:27px}.trail-keepsake{gap:17px;align-items:flex-start;padding:25px}.trail-keepsake>.trail-badge{width:48px}.trail-keepsake h2{font-size:26px}.trail-keepsake p{font-size:13px}.trail-keepsake button{font-size:11px;padding:13px 16px}.trail-footer{gap:17px}.trail-footer>button{font-size:11px}.story-trail-ribbon{padding:13px 17px;gap:12px}.story-trail-ribbon a{font-size:12px}.trails-teaser{display:block;margin:0 23px 35px;padding:23px 28px}.trail-teaser-art{justify-content:center;margin-bottom:20px}.trail-teaser-art>.trail-badge{width:73px}.trail-teaser-art>.trail-badge:nth-child(2){margin-top:25px}.trails-teaser h2{font-size:34px}.trails-teaser .handwritten{font-size:23px}.retell-preview{gap:9px;margin:26px 0}.retell-preview>img{width:calc((100% - 18px)/3);border-radius:13px 18px 15px 12px}.retell-picker{grid-template-columns:1fr;padding:23px;gap:18px}.retell-picker>label{font-size:25px}.retell-picker>select{font-size:12px}.retell-picker>button{font-size:11px;justify-self:start}.retell-collection{padding:24px}.retell-collection>div{grid-template-columns:1fr}.retell-scenes{gap:25px}.retell-scenes>li{grid-template-columns:1fr}.retell-scenes>li>div{padding:23px 25px}.retell-scenes h2{font-size:28px}.retell-finish{padding:25px}.retell-finish h2{font-size:29px}.retell-finish p{font-size:14px}}