:root{--ink:#283b68;--muted:#596580;--blue:#eaf3ff;--pink:#fbe8ef;--yellow:#fff0b9;--accent:#405bb1;--line:#d9e2ee;--sans:'Nunito','Noto Sans Sinhala',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.75}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:0}a{color:inherit;text-underline-offset:5px}p{margin:0 0 1.25rem}h1,h2,h3{line-height:1.15;margin:0 0 1.1rem;font-weight:900}h1{font-size:clamp(2.5rem,4.6vw,4rem);letter-spacing:-.045em}h2{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.035em}h3{font-size:1.4rem;letter-spacing:-.02em}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a84976;outline-offset:5px}.wrap{max-width:1230px;margin:auto;padding-inline:42px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px}.brand{font-size:2.15rem;font-weight:900;letter-spacing:-.08em;text-decoration:none;white-space:nowrap}.brand-dot{color:#dd648f}nav{display:flex;gap:34px;font-size:.92rem;font-weight:800}nav a{text-decoration:none}nav a:hover{color:#aa3c69}.language{display:flex;border:1.5px solid var(--line);border-radius:30px;padding:4px;gap:3px}.language button{border-radius:24px;background:none;padding:7px 13px;color:var(--ink);font-size:.86rem;font-weight:800;min-height:42px}.language [aria-pressed=true]{background:var(--ink);color:white}.welcome{display:grid;grid-template-columns:1fr 1.12fr;gap:40px;align-items:center;padding:40px 0 66px}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.115em;line-height:1.7;margin-bottom:16px;color:#617096;display:flex;align-items:center;gap:8px}.tiny-dot{width:9px;height:9px;background:#db6892;border-radius:50%;flex-shrink:0}.highlight{position:relative;z-index:0;display:inline-block}.highlight:after{content:'';position:absolute;left:-1%;bottom:5px;height:15px;width:102%;z-index:-1;background:var(--yellow);border-radius:50%;transform:rotate(-1.5deg)}.intro{max-width:400px;font-size:1.18rem;color:var(--muted);line-height:1.75;margin:24px 0}.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border-radius:16px;padding:13px 27px;font-size:1rem;font-weight:900;transition:transform .2s,box-shadow .2s;min-height:50px}.primary{color:white;background:var(--accent);box-shadow:0 4px 0 #273e84}.primary:hover{transform:translateY(-3px);box-shadow:0 7px 0 #273e84}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #273e84}.welcome-small{font-size:.85rem;color:var(--muted);margin:19px 0 0}.hero-art{margin:0;position:relative;transform:rotate(1.3deg);padding:12px 12px 47px;border-radius:40px 18px 40px 18px;background:var(--blue);box-shadow:9px 11px 0 #fae5ed}.hero-art img{width:100%;height:320px;object-fit:cover;object-position:43% center;display:block;border-radius:30px 11px 30px 11px}.hero-art figcaption{font-size:.87rem;font-weight:800;position:absolute;bottom:13px;left:25px}.art-sticker{position:absolute;right:-17px;bottom:15px;background:var(--yellow);border:3px solid white;box-shadow:0 3px 12px #293b6710;border-radius:50%;width:104px;height:104px;padding:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;line-height:1.4;text-align:center;transform:rotate(10deg);animation:gentle-greeting 6s ease-in-out infinite}@keyframes gentle-greeting{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(13deg) translateY(-5px)}}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-heading h2{margin-bottom:0}.section-aside{font-size:.96rem;color:var(--muted);text-align:right;margin:0;line-height:1.6;max-width:190px}.stories-section{padding:5px 0 66px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.story-card{position:relative;padding:27px 27px 24px;border-radius:24px;text-align:left;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;min-height:265px;border:2px solid transparent;transition:transform .22s,box-shadow .22s;line-height:1.65}.story-card:nth-child(1){background:var(--blue)}.story-card:nth-child(2){background:var(--pink)}.story-card:nth-child(3){background:var(--yellow)}.story-card:hover{transform:translateY(-7px) rotate(-.7deg);box-shadow:0 12px 0 #283b680a;border-color:#ffffff}.story-top{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:10px}.story-number{background:white;border-radius:13px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:900;transform:rotate(-7deg)}.story-theme{font-size:.8rem;font-weight:800}.story-card h3{margin:0 0 10px}.story-card p{font-size:.97rem;margin:0 0 22px;color:#4d5d7d;line-height:1.65}.read-label{margin-top:auto;font-size:.92rem;font-weight:900;border-bottom:2px solid #283b6844}.story-note{font-size:.85rem;color:var(--muted);margin:23px 0 0;text-align:center}.pause-section{background:#f5f9ff;border-block:1px solid #e5eefb;padding:53px 0}.pause-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.pause-art{margin:0;transform:rotate(-1deg);padding:9px;background:white;border:1px solid #e0e8f3;border-radius:20px}.pause-art img{display:block;width:100%;height:auto;border-radius:13px}.pause-copy>p:not(.eyebrow){max-width:420px;color:var(--muted)}.thought{border-left:4px solid #eeb6ca;padding:2px 0 2px 20px;margin:23px 0}.thought>span{font-size:1.2rem;font-weight:900}.thought p{font-size:.92rem;margin:3px 0 0}.small{font-size:.88rem;line-height:1.8;color:var(--muted)}.pause-copy .small{margin-bottom:0}.books-section{padding:65px 0}.shelf-label{background:var(--yellow);border-radius:25px;padding:7px 18px;font-size:.88rem;font-weight:800;white-space:nowrap;transform:rotate(2deg)}.books-intro{color:var(--muted);max-width:720px;margin:20px 0 28px}.library-tools{display:flex;align-items:center;justify-content:space-between;gap:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:white;border:1.5px solid var(--line);border-radius:12px;padding:8px 17px;font-size:.9rem;font-weight:800;color:var(--ink);min-height:44px}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.search-box{width:270px}.search-box input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:10px 16px;color:var(--ink);background:#fff;font-size:.9rem;min-height:44px}.search-box input::placeholder{color:#677592}.result-count{font-size:.8rem;color:var(--muted);margin:20px 0 0}.book-list{display:grid;grid-template-columns:1fr 1fr;column-gap:38px}.book{display:grid;grid-template-columns:46px 1fr;gap:17px;border-bottom:1px solid var(--line);padding:28px 0;align-items:start}.book-index{font-size:1rem;font-weight:900;display:flex;justify-content:center;align-items:center;height:50px;border-radius:6px 13px 13px 6px;background:var(--blue);border-left:4px solid #b4c9ed}.book:nth-child(3n+2) .book-index{background:var(--pink);border-color:#e9acc3}.book:nth-child(3n) .book-index{background:var(--yellow);border-color:#e6cd6b}.book h3{font-size:1.15rem;line-height:1.55;margin:7px 0 5px;font-weight:900}.book .book-author{font-size:.875rem;margin:0 0 9px;line-height:1.6;color:var(--muted)}.book-description{font-size:.9rem;line-height:1.65;margin:0 0 13px;color:var(--muted)}.book-meta{font-size:.75rem;font-weight:800;letter-spacing:.04em;color:#647291}.book-link{font-size:.9rem;font-weight:900}.library-note{font-size:.85rem;color:var(--muted);margin:25px 0 0}.empty-state{padding:40px 0}.empty-state p{margin-bottom:8px}.text-button{background:none;text-decoration:underline;text-underline-offset:4px;color:var(--accent);padding:8px 0;font-weight:800}.about-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;background:#fff8e6;border-radius:30px;padding:42px;margin-bottom:60px}.about-word{display:inline-block;font-weight:900;letter-spacing:-.07em;font-size:2.8rem;color:#ba6285;transform:rotate(-5deg);margin-top:15px}.about-lead{font-size:1.2rem;font-weight:800}.about-copy>p{font-size:1rem;line-height:1.85}.creator{border-block:1px solid #e9dbb5;padding:19px 0;margin:22px 0}.creator span{display:block;font-size:.88rem;color:var(--muted);margin-bottom:4px}.creator strong{font-size:1rem;font-weight:900;line-height:1.8;display:block}.source-note{font-size:.88rem;line-height:1.8}.source-note summary,.deeper-note summary{cursor:pointer;font-weight:900;padding:3px 0}.source-note p,.deeper-note p{margin:15px 0}.source-note a{font-weight:800}.about-copy .image-credit{font-size:.8rem;color:var(--muted);margin:22px 0 0}footer{display:flex;justify-content:space-between;align-items:center;min-height:115px;border-top:1px solid var(--line);gap:24px}footer p{margin:0;color:var(--muted);font-size:.9rem}footer>a:last-child{font-size:.9rem;font-weight:800}.skip-link{position:fixed;top:8px;left:8px;z-index:40;transform:translateY(-180%);padding:12px;background:var(--yellow);border:2px solid var(--ink)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(720px,calc(100% - 32px));max-height:90vh;max-height:90dvh;border:0;padding:0;border-radius:25px;background:#fffdf8;color:var(--ink);box-shadow:0 30px 100px #13254c4a}dialog::backdrop{background:#20315499;backdrop-filter:blur(4px)}.reader-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 30px;background:var(--blue);position:sticky;top:0;z-index:1}.reader-label{font-size:.76rem;letter-spacing:.1em;font-weight:900}.close-reader{padding:7px 14px;border:1px solid #bccce4;border-radius:11px;background:white;color:var(--ink);font-weight:800;font-size:.88rem;min-height:44px}.reader-content{padding:36px 48px 44px}.reader-content h2{font-size:2.3rem;line-height:1.3}.reader-content h2:focus{outline:0}.reader-content #reader-body{font-size:1.22rem;line-height:1.95}.reader-content #reader-body p{margin-bottom:1.4rem}.reader-invitation{background:var(--yellow);padding:22px;border-radius:16px;margin:28px 0}.reader-invitation h3{font-size:1.1rem;margin-bottom:9px}.reader-invitation p{margin:0;font-size:1.15rem}.deeper-note{font-size:1rem;line-height:1.9;margin:0 0 26px}.story-credit{margin-top:24px}.no-script{padding-block:25px}:lang(si) h1{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.55;letter-spacing:-.03em}:lang(si) h2,:lang(si) h3{line-height:1.6;letter-spacing:0}:lang(si) .eyebrow{letter-spacing:0}:lang(si) .story-card h3{font-size:1.25rem}:lang(si) .story-card{line-height:1.95}:lang(si) .book h3{font-size:1.05rem}:lang(si) .welcome-small{line-height:1.9}:lang(si) .about-copy>p{line-height:2}:lang(si) .reader-content #reader-body{line-height:2.2}
@media(min-width:1100px){.welcome{min-height:475px}}@media(max-width:1000px){.wrap{padding-inline:28px}.site-header{gap:15px}nav{gap:20px}.welcome{gap:27px}.hero-art img{height:310px}.art-sticker{right:-9px;width:92px;height:92px;font-size:.87rem}.story-card{padding:22px}.pause-grid{gap:35px}.about-section{gap:35px;padding:32px}.brand{font-size:1.9rem}}@media(max-width:760px){body{font-size:17px}.wrap{padding-inline:22px}.site-header{flex-wrap:wrap;min-height:130px;padding-top:18px;padding-bottom:15px;gap:10px}.brand{font-size:1.95rem}.language button{padding:6px 11px}nav{order:3;flex-basis:100%;justify-content:center;gap:28px;padding-top:13px;margin-top:7px;border-top:1px solid var(--line);font-size:.88rem}.welcome{grid-template-columns:1fr;padding:23px 0 48px;gap:32px}.intro{max-width:520px;margin:17px 0 20px}.welcome-small{margin-top:15px}h1{font-size:clamp(2.4rem,9vw,3.7rem)}.hero-art{max-width:520px;margin:0 5px}.hero-art img{height:auto;aspect-ratio:16/9}.art-sticker{bottom:10px;right:-12px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:15px}.section-aside{text-align:left;font-size:.9rem;max-width:none}.story-grid{grid-template-columns:1fr;gap:15px;margin-top:23px}.story-card{min-height:0;padding:22px 25px}.story-top{margin-bottom:15px}.story-card p{margin-bottom:12px}.story-card h3{font-size:1.5rem}.story-note{text-align:left;line-height:1.8}.stories-section{padding-bottom:40px}.pause-section{padding:35px 0}.pause-grid{grid-template-columns:1fr;gap:32px}.pause-art{max-width:520px}.pause-copy{max-width:560px}.books-section{padding:42px 0}.books-intro{font-size:.98rem}.library-tools{flex-direction:column;align-items:stretch;gap:15px}.search-box{width:100%}.book-list{grid-template-columns:1fr}.book{padding:24px 0}.book h3{font-size:1.22rem}.shelf-label{font-size:.8rem;padding:5px 13px}.about-section{grid-template-columns:1fr;gap:22px;padding:28px 24px;margin-bottom:38px;border-radius:22px}.about-word{display:none}.about-heading h2{margin-bottom:0}footer{flex-wrap:wrap;gap:12px;padding-block:25px;justify-content:space-between}footer p{order:3;flex-basis:100%}.reader-content{padding:28px 24px 34px}.reader-toolbar{padding:12px 20px}.reader-content h2{font-size:1.9rem}.reader-content #reader-body{font-size:1.16rem;line-height:1.9}:lang(si) h1{font-size:clamp(1.9rem,6.8vw,2.8rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story-card:hover,.primary:hover{transform:none}}
.activity-controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.activity-button{border:1.5px solid #cbd8ed;background:white;color:var(--ink);border-radius:12px;padding:8px 17px;font-size:.94rem;font-weight:800;min-height:44px}.activity-button[aria-pressed=true]{background:var(--pink);border-color:#db9dbb}.activity-button:hover{background:var(--yellow)}:lang(si) .art-sticker{font-size:.8rem;line-height:1.7}.hero-art figcaption{max-width:calc(100% - 120px);line-height:1.4}
.brand{display:inline-flex;align-items:center;gap:7px}.brand-dot{margin-left:-7px}.brand-icon{width:34px;height:34px;object-fit:contain}.language a{display:flex;align-items:center;text-decoration:none;border-radius:24px;padding:7px 13px;color:var(--ink);font-size:.86rem;font-weight:800;min-height:42px}.language a[aria-current=page]{background:var(--ink);color:#fff}.story-card{text-decoration:none}.story-page{max-width:790px;margin:25px auto 70px;padding:0 30px}.story-page h1{font-size:clamp(2.15rem,4.6vw,3.5rem);line-height:1.25}.back-link{display:inline-block;font-size:.94rem;font-weight:800;margin-bottom:35px}.story-page-body{font-size:1.25rem;line-height:1.95;margin-top:28px}.story-page-body p{margin-bottom:1.5rem}.story-page-art{width:100%;height:auto;max-height:330px;object-fit:cover;border-radius:22px;margin:10px 0 20px}.story-page .reader-invitation h2{font-size:1.2rem;letter-spacing:0}.story-page .deeper-note{font-size:1.04rem}:lang(si) .story-page-body{line-height:2.15}@media(max-width:760px){.brand{font-size:1.8rem;gap:5px}.brand-icon{width:28px;height:28px}.language a{padding:6px 10px;font-size:.8rem}.story-page{padding-inline:24px;margin-top:25px}.story-page-body{font-size:1.15rem}.story-page-art{max-height:230px}}

/* Opening story and its gentle practice. */
.opening-story .hero-art{padding-bottom:68px}:lang(si) .opening-story .hero-art{padding-bottom:80px}
.opening-story{align-items:start;grid-template-columns:1.12fr 1fr;gap:60px;padding-bottom:60px}.opening-story h1{font-size:clamp(2.25rem,4vw,3.45rem)}.opening-story .hero-art{position:sticky;top:35px;margin-top:7px}.opening-body{font-size:1.12rem;line-height:1.95;margin:27px 0}.opening-body p{margin-bottom:1.2rem}.opening-reflection{background:var(--pink);border-radius:16px;padding:15px 20px;font-size:.96rem}.opening-story .welcome-small{margin-top:16px}.practice-steps{list-style:none;counter-reset:practice;padding:0;margin:28px 0}.practice-steps li{counter-increment:practice;position:relative;padding:0 0 21px 48px}.practice-steps li:before{content:counter(practice);position:absolute;left:0;top:0;width:33px;height:33px;display:grid;place-items:center;border-radius:12px;background:var(--yellow);font-weight:900}.practice-steps h3{font-size:1.08rem;line-height:1.5;margin:0 0 7px}.practice-steps p{font-size:1rem;line-height:1.85;margin:0;color:var(--muted)}.practice-choice{padding:15px 18px;border-radius:15px;background:white;border:1px solid var(--line)}.practice-followthrough{margin:30px 0;padding-top:25px;border-top:1px solid #d6e1f1}.practice-followthrough h3{font-size:1.25rem;line-height:1.5}.pause-grid{align-items:start}.pause-art{position:sticky;top:35px}.stories-section{padding-top:56px}.eyebrow{font-size:.875rem}.welcome-small,.story-note{font-size:.9rem}:lang(si) .opening-body{line-height:2.1}:lang(si) .opening-story h1{line-height:1.65;font-size:clamp(1.9rem,3.1vw,2.6rem)}:lang(si) .practice-steps p{line-height:2}
@media(max-width:1000px){.opening-story{gap:32px}.opening-story .hero-art img{height:270px}}
@media(max-width:760px){.opening-story{grid-template-columns:1fr;gap:24px}.opening-story .welcome-copy{display:contents}.opening-story .eyebrow{order:0;margin-bottom:0}.opening-story h1{order:1;margin:0}.opening-story .hero-art{order:2;position:static;margin:2px 5px 8px}.opening-body{order:3;margin:8px 0 0;font-size:1.12rem}.opening-reflection{order:4;margin:0}.opening-story .button{order:5;justify-self:start}.opening-story .welcome-small{order:6;margin:0}.opening-story .hero-art img{height:auto}.pause-art{position:static}.practice-steps li{padding-left:43px}.practice-steps p{font-size:1rem}.stories-section{padding-top:40px}.opening-story{padding-bottom:38px}}
