/* Rounded, tactile reading with a swipeable shelf. */
body .button,body .purchase-card .button,header .small{border-radius:999px}
body nav{border:1px solid #d9ded024;border-radius:999px;background:#1c1e1bcc;padding:5px;box-shadow:0 8px 28px #0002}
body nav a{border-radius:999px;padding:11px 18px;transition:background .25s,color .25s}
body nav a[aria-current="location"]{background:#e2e6db;color:#191c17;text-decoration:none}
body nav a:after{display:none}
body .portrait-intro img{width:180px;height:180px;border-radius:50%;object-position:50% 34%;border:1px solid #cbd2c332;padding:5px;background:#20231e}
body .portrait-intro figcaption{border:0;text-align:center}
body .social-links>a,body .purchase-card{border-radius:28px}
body dialog{border-radius:26px}
body dialog .close{border-radius:50%}
.hero-networks a,.closing-social a,.launch-social{gap:8px}
.hero-networks svg,.closing-social svg,.launch-social svg{width:16px;height:16px;vertical-align:middle;fill:currentColor}
.poem-carousel{min-width:0;position:relative}
.poem-viewport{overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab;border-radius:26px;outline-offset:6px}
.poem-viewport:active{cursor:grabbing}
.writing-grid{display:flex;gap:0;max-width:none;margin:0;touch-action:pan-y pinch-zoom;align-items:stretch}
.writing-card{flex:0 0 38%;min-width:0;padding-right:22px;position:relative}
.poem-to-offer{border-radius:26px;overflow:hidden;border:1px solid #e3d8c34d;box-shadow:0 12px 30px #0002;transition:filter .25s}
.poem-to-offer:hover{transform:none;filter:brightness(1.035)}
.poem-illustration{height:170px}
.poem-live{padding:26px 28px;min-height:285px}
.poem-live p{font-size:28px;line-height:1.4}
.poem-link{padding:13px 25px}
.poem-link>span{display:grid;place-items:center;border:1px solid #514a3b55;border-radius:50%;width:30px;height:30px}
.poem-link svg{width:15px;height:15px;fill:currentColor}
.view-original{align-self:flex-start;padding:12px 15px}
.carousel-toolbar{display:flex;align-items:center;gap:16px;padding-top:16px}
.carousel-count{font-size:11px;letter-spacing:2px;color:#b8c0ae;min-width:58px;font-variant-numeric:tabular-nums}
.carousel-dots{display:flex;gap:0;align-items:center;margin:auto}
.carousel-dots button{width:28px;height:44px;padding:0;border:0;background:none;display:grid;place-items:center}
.carousel-dots button:before{content:'';width:6px;height:6px;border-radius:50%;background:#62695d;transition:width .3s,background .3s}
.carousel-dots button[aria-current="true"]:before{width:18px;border-radius:999px;background:#e0e5d7}
.carousel-arrows{display:flex;gap:9px}
.carousel-arrows button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #d7decc38;color:#e1e6da;background:#232620;transition:background .25s,transform .25s}
.carousel-arrows button:hover:not(:disabled){background:#424a39;transform:translateY(-2px)}
.carousel-arrows button:disabled{opacity:.3;cursor:default}
.carousel-arrows svg{width:20px;height:20px;fill:currentColor}
@media(max-width:900px){.writing-card{flex-basis:58%}.poem-live{min-height:310px}body .portrait-intro img{width:150px;height:150px}}
@media(max-width:620px){body nav{width:100%;justify-content:space-between;gap:0}body nav a{padding:10px 13px;font-size:12px}body .portrait-intro img{width:68px;height:68px;flex:0 0 68px;padding:2px}body .portrait-intro figcaption{text-align:left}.writing-gallery{padding-right:0}.writing-heading,.reading-next{margin-right:22px}.writing-card{flex-basis:90%;padding-right:15px}.poem-viewport{border-radius:24px 0 0 24px}.poem-to-offer{border-radius:24px}.poem-illustration{height:140px}.poem-live{padding:23px 23px;min-height:305px}.poem-live p{font-size:26px;line-height:1.4}.carousel-toolbar{margin-right:22px;gap:8px}.carousel-dots button{width:22px}.carousel-arrows button{width:44px;height:44px}.carousel-arrows{gap:7px}.carousel-count{font-size:10px;min-width:46px;letter-spacing:1px}.purchase-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important}}
@media(max-width:360px){.carousel-dots button{width:18px}.carousel-toolbar{gap:5px}.carousel-count{min-width:40px}.carousel-arrows{gap:5px}}
/* Compact mobile reading: keep the complete poem and controls together. */
@media(max-width:620px){
 .poem-illustration{height:clamp(64px,14svh,100px)}
 .poem-live{min-height:0;padding:18px 20px 16px}
 .poem-live p{font-size:22px;line-height:1.32;margin-bottom:14px}
 .poem-signature{font-size:16px;line-height:1.2}
 .poem-link{min-height:44px;padding:7px 20px;font-size:11px}
 .poem-link>span{width:27px;height:27px}
 .view-original{min-height:44px;padding:10px 14px;font-size:11px}
 .carousel-toolbar{padding-top:4px}
 .poem-carousel{scroll-margin-top:16px}
}
@media(max-width:360px){.poem-live{padding:16px 17px 14px}.poem-live p{font-size:21px;line-height:1.3}}
@media(max-width:620px) and (max-height:600px){.poem-illustration{height:64px}.poem-live{padding-top:14px;padding-bottom:12px}.poem-live p{font-size:21px;line-height:1.28;margin-bottom:12px}}