/* Cup Notes uses the same palette and typography as the Little Sip app site. */
.site-header nav a[aria-current="page"]{color:var(--green);text-decoration:underline;text-underline-offset:7px}
.cn-heading{padding:70px 0 44px;max-width:800px}.cn-heading h1{font-size:clamp(48px,5.5vw,74px);margin-bottom:24px}.cn-heading .intro{max-width:580px;margin-bottom:0}.cn-heading .eyebrow{margin-bottom:22px}
.cn-masthead{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:34px}.cn-masthead h2{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;margin:0}.cn-masthead p{font-size:11px;color:var(--muted);margin:0}
.cn-feature{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:70px;margin-bottom:70px;padding:40px;background:#edf0e2;border:1px solid #e0e5d1;border-radius:28px}.cn-feature-art{display:flex;justify-content:center;position:relative;padding:6px 0}.cn-feature-art img{width:min(100%,238px);border-radius:12px;box-shadow:0 12px 30px #3c40321a;transform:rotate(-3deg);transition:transform .2s}.cn-feature-art:hover img{transform:rotate(-1deg)}.cn-feature .eyebrow{margin-bottom:18px}.cn-feature h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-1.7px;margin-bottom:21px}.cn-feature h2 a{text-decoration:none}.cn-feature .intro{font-size:15px;line-height:1.8;margin-bottom:26px}.cn-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted);margin:0 0 25px}.cn-meta>span+span:before{content:"·";margin-right:10px}.cn-link{display:inline-flex;align-items:center;gap:20px;min-height:46px;padding:13px 22px;border-radius:30px;background:var(--green);color:var(--paper);text-decoration:none;font-size:13px;font-weight:500}.cn-feature-copy{padding-right:15px}.cn-library-note{max-width:580px;padding-bottom:70px}.cn-library-note h2{font-size:32px;letter-spacing:-.8px;margin-bottom:15px}.cn-library-note p{font-size:14px;line-height:1.8;color:var(--muted)}
.cn-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-bottom:60px}.cn-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:25px;padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.cn-card-art img{display:block;width:100%;height:auto;border-radius:9px;box-shadow:0 6px 18px #3c403210}.cn-card .eyebrow{font-size:9px;line-height:1.6;margin-bottom:12px}.cn-card h2{font-size:28px;letter-spacing:-.7px;line-height:1.13;margin-bottom:14px}.cn-card h2 a{text-decoration:none}.cn-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}.cn-card-copy>p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:15px}.cn-card-link{font-size:11px;color:var(--green);text-underline-offset:4px}
.cn-breadcrumb{font-size:12px;margin:34px 0 0;color:var(--muted)}.cn-breadcrumb a{text-decoration:none;border-bottom:1px solid #a6af97;padding-bottom:3px}.cn-article-hero{display:grid;grid-template-columns:1fr 390px;gap:95px;align-items:center;padding:46px 35px 64px 0}.cn-article-heading h1{font-size:clamp(49px,5.6vw,73px);margin-bottom:27px}.cn-article-heading .intro{max-width:510px}.cn-article-heading .cn-meta{margin:25px 0 20px}.cn-jump{display:inline-flex;flex-wrap:wrap;gap:18px;font-size:13px;margin-top:15px}.cn-jump a{text-decoration:none;border-bottom:1px solid #a6af97;padding-bottom:5px}.cn-byline{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:0}.cn-video-figure{margin:0;width:100%}.cn-player{position:relative;border:1px solid #e4dece;border-radius:19px;overflow:hidden;background:var(--paper);box-shadow:0 10px 36px #3c403210}.cn-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:var(--cream)}.cn-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:94px;height:94px;background:#536b3def;border:2px solid var(--paper);border-radius:100%;color:var(--paper);box-shadow:0 4px 24px #3c403220;font-size:12px;font-weight:600}.cn-play>span:first-child{font-size:22px;line-height:1}.cn-play:disabled{cursor:progress}.cn-player-status{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0 0}.cn-video-figure figcaption{margin-top:12px;font-size:11px;line-height:1.7;color:var(--muted);text-align:center}.cn-direct{display:block;margin-top:5px;text-underline-offset:3px}.cn-play:focus-visible{outline-offset:-6px;outline-color:var(--paper)}
.cn-article-body{border-top:1px solid var(--line);padding:65px 0 15px}.cn-reader{max-width:720px;margin-inline:auto}.cn-reader h2{font-size:42px;letter-spacing:-1.3px}.cn-reader>p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:24px}.cn-definition{padding:27px 32px;background:var(--paper);border-left:3px solid #b6c69d;margin:34px 0 55px}.cn-definition h3{font:400 26px var(--serif);letter-spacing:-.6px;margin-bottom:12px}.cn-definition p{font-size:15px;line-height:1.8;margin:0;color:var(--muted)}
.cn-paths{list-style:none;padding:0;margin:0 0 44px}.cn-paths li{display:grid;grid-template-columns:58px 1fr;gap:26px;padding:29px 0;border-top:1px solid var(--line)}.cn-paths li:last-child{border-bottom:1px solid var(--line)}.cn-cup{width:48px;height:37px;background:#dce6c7;border:2px solid #8b9d72;border-radius:3px 3px 14px 14px;position:relative;margin-top:11px}.cn-cup:before{content:"";position:absolute;width:13px;height:17px;right:-14px;top:3px;border:2px solid #8b9d72;border-left:0;border-radius:0 12px 12px 0}.cn-cup:after{content:"⌣";position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:20px;color:#6c8054}.cn-cup.espresso{background:#b58b68;border-color:#8d7057}.cn-cup.espresso:before{border-color:#8d7057}.cn-cup.americano{background:#d2b190;border-color:#9d8466}.cn-cup.americano:before{border-color:#9d8466}.cn-cup.latte{background:#ece0c8;border-color:#ab9473}.cn-cup.latte:before{border-color:#ab9473}.cn-cup.oolong{background:#e6d8af;border-color:#9b946b}.cn-cup.oolong:before{border-color:#9b946b}.cn-cup.black{background:#d8b99b;border-color:#9d8466}.cn-cup.black:before{border-color:#9d8466}.cn-paths h3{font:400 29px var(--serif);letter-spacing:-.5px;margin:0 0 7px}.cn-paths .cn-path-label{font-size:11px;color:var(--green);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.cn-paths p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.cn-nuance{padding:28px 32px;background:var(--matcha);border-radius:18px;margin:10px 0 48px}.cn-nuance h3{font:400 27px var(--serif);letter-spacing:-.5px;margin-bottom:13px}.cn-nuance p{font-size:15px;line-height:1.8;color:#5d6751;margin:0}.cn-reflection{font:italic 25px/1.55 var(--serif)!important;color:var(--green)!important;margin:0 0 55px!important}
.cn-transcript{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:0 0 45px}.cn-transcript summary{font:400 26px var(--serif);cursor:pointer;padding:4px 0;list-style-position:inside}.cn-transcript summary span{font:11px var(--sans);color:var(--muted);display:inline-block;margin-left:10px}.cn-transcript summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}.cn-transcript p{font-size:15px;line-height:1.9;color:var(--muted);margin:20px 0 0}.cn-sources h2{font:500 12px var(--sans);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:20px}.cn-sources ol{padding-left:18px;color:var(--muted);font-size:13px;line-height:1.7}.cn-sources li{padding-left:7px;margin-bottom:16px}.cn-sources a{color:var(--ink);text-underline-offset:4px}.cn-sources li span{display:block;margin-top:3px}.cn-sources .cn-source-note{font-size:11px;color:var(--muted);margin:22px 0 0}.cn-article-end{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:55px;padding:30px 0 55px}.cn-article-end p{font:italic 21px var(--serif);color:var(--green);margin:0}.cn-article-end a{font-size:13px;text-underline-offset:5px}
.home-notes{padding:80px 0;border-bottom:1px solid var(--line)}.home-notes-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.home-notes-copy h2{font-size:51px;margin-bottom:20px}.home-notes-copy .intro{font-size:15px;max-width:430px}.home-note{display:grid;grid-template-columns:132px 1fr;gap:26px;align-items:center;padding:25px;background:var(--matcha);border-radius:20px;text-decoration:none}.home-note img{width:132px;border-radius:7px;transform:rotate(-3deg);box-shadow:0 6px 15px #3c403210}.home-note .eyebrow{font-size:9px;margin-bottom:12px}.home-note h3{font:400 29px/1.15 var(--serif);letter-spacing:-.7px;margin-bottom:18px}.home-note span{font-size:11px;color:var(--green)}.home-note:hover h3{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1280px){.cn-article-hero{grid-template-columns:1fr 360px;gap:100px;padding-right:70px}}
@media(max-width:1000px){.cn-feature{gap:35px;padding:32px}.cn-article-hero{grid-template-columns:1fr 330px;gap:40px;padding-right:0}.cn-article-heading h1{font-size:57px}.home-notes-inner{gap:38px}.home-note{grid-template-columns:110px 1fr;gap:20px;padding:20px}.home-note img{width:110px}.home-note h3{font-size:26px}}
@media(max-width:760px){.site-header nav a:first-child{display:inline-block}.site-header nav{gap:18px}.site-header nav a{font-size:11px}.site-header nav a[href="#little-rituals"]{display:none}.cn-heading{padding:44px 0 34px}.cn-heading h1{font-size:51px}.cn-heading .intro{font-size:15px}.cn-masthead{padding-bottom:18px;margin-bottom:22px}.cn-feature{grid-template-columns:1fr;gap:32px;padding:30px 25px;margin-bottom:40px;border-radius:22px}.cn-feature-art img{width:200px}.cn-feature-copy{padding:0}.cn-feature h2{font-size:37px;letter-spacing:-1px}.cn-feature .intro{font-size:14px}.cn-meta{font-size:10px;gap:8px}.cn-meta>span+span:before{margin-right:8px}.cn-library-note{padding-bottom:43px}.cn-library-note h2{font-size:28px}.cn-more{grid-template-columns:1fr}.cn-card{grid-template-columns:94px minmax(0,1fr);gap:23px;padding:23px}.cn-card h2{font-size:28px}.cn-breadcrumb{margin-top:25px;font-size:11px}.cn-article-hero{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:35px 0 42px}.cn-article-heading h1{font-size:clamp(43px,10vw,63px);margin-bottom:22px}.cn-article-heading .eyebrow{margin-bottom:20px}.cn-article-heading .intro{font-size:15px}.cn-article-heading .cn-meta{margin:20px 0 13px}.cn-jump{margin-top:7px}.cn-video-figure{width:min(100%,350px);margin-inline:auto}.cn-article-body{padding-top:40px}.cn-reader h2{font-size:35px;letter-spacing:-1px}.cn-reader>p{font-size:15px;line-height:1.85}.cn-definition{padding:23px;margin:28px 0 37px}.cn-definition p,.cn-paths p,.cn-nuance p{font-size:14px}.cn-paths li{grid-template-columns:42px 1fr;gap:22px;padding:25px 0}.cn-cup{width:34px;height:30px;margin-top:6px}.cn-cup:before{width:10px;height:14px;right:-11px}.cn-cup:after{font-size:18px;bottom:3px}.cn-paths h3{font-size:27px}.cn-paths .cn-path-label{font-size:10px;line-height:1.5}.cn-nuance{padding:23px;margin-bottom:35px}.cn-reflection{font-size:22px!important;margin-bottom:38px!important}.cn-transcript summary{font-size:24px}.cn-transcript summary span{font-size:10px;margin-left:5px}.cn-transcript p{font-size:14px}.cn-sources h2{font-size:11px;letter-spacing:1.4px}.cn-article-end{align-items:start;flex-direction:column;gap:18px;padding-bottom:40px;margin-top:38px}.home-notes{padding:55px 0}.home-notes-inner{grid-template-columns:1fr;gap:28px}.home-notes-copy h2{font-size:43px}.home-note{grid-template-columns:115px 1fr;padding:22px;gap:24px;max-width:480px}.home-note img{width:115px}.home-note h3{font-size:28px}.home-note .eyebrow{line-height:1.7}.home-note span{font-size:11px}}
@media(max-width:380px){.cn-card{grid-template-columns:78px minmax(0,1fr);gap:18px;padding:18px}.cn-card h2{font-size:25px}.cn-heading h1{font-size:45px}.cn-feature{padding:26px 20px}.cn-feature-art img{width:180px}.cn-feature h2{font-size:33px}.cn-jump{font-size:12px;gap:16px}.cn-article-heading h1{font-size:43px}.cn-meta{gap:6px}.cn-meta>span+span:before{margin-right:6px}.cn-transcript summary span{display:block;margin:9px 0 0 22px}.home-note{grid-template-columns:90px 1fr;padding:18px;gap:18px}.home-note img{width:90px}.home-note h3{font-size:24px}.site-header nav{gap:14px}}