@import url('/shared/typography/ac072a625d700588cfbf9baf81c51cad03a2c5d783df34f0d3d95a5578533652/languages.css');
@import url("/shared/typography/ac072a625d700588cfbf9baf81c51cad03a2c5d783df34f0d3d95a5578533652/jua.css");
:root{font-family:ui-rounded,"Avenir Next","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;color:#403e34;background:#fff9ee;font-synthesis:none;line-height:1.5;--ink:#403e34;--focus:#205c78;--line:#ded4c2;--paper:#fffdf7}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button,a,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:is(a,button,select,input,summary):focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
/* Keep focus inside each target; use a light ring on dark-filled controls. */
.skip-link:focus-visible,.primary-button:focus-visible{outline-color:var(--paper)}
.language-control:focus-within{outline:3px solid var(--focus);outline-offset:-3px}.language-control select:focus-visible{outline:none}.skip-link{position:fixed;top:12px;left:12px;z-index:40;padding:16px;background:var(--ink);color:white;transform:translateY(-160%);border-radius:12px}.skip-link:focus{transform:none}
.site-header,main,.site-footer{max-width:1280px;margin-inline:auto;padding-inline:32px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:2px}.brand{display:flex;align-items:center;gap:12px;min-height:64px;border-radius:12px}.brand img{width:64px;height:64px}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:26px;line-height:1.25;letter-spacing:-.8px}.brand-copy small{font-size:12px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere;color:#71614f;margin-top:2px}.language-control{position:relative;display:flex;align-items:center;gap:5px;border:2px solid #a4bca1;background:#eef3df;padding-inline:9px 0;border-radius:20px;box-shadow:inset 0 0 0 3px #fffdf7,0 3px 0 #50633b0c}.language-control>img{width:28px;height:28px;flex:none;pointer-events:none}.language-control:after{content:"";position:absolute;inset-inline-end:14px;top:calc(50% - 5px);width:9px;height:9px;border-right:2.5px solid #5d7355;border-bottom:2.5px solid #5d7355;transform:rotate(45deg);border-radius:2px;pointer-events:none}.language-control select{appearance:none;-webkit-appearance:none;min-height:56px;min-width:86px;max-width:152px;border:0;border-radius:18px;background:transparent;padding-inline:4px 32px;font-size:15px;cursor:pointer}
.search-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,min(640px,60%));align-items:center;gap:18px 32px;padding:12px 0 24px}.brand-intro{word-break:keep-all;font-size:17px;margin:0;color:#665846}.search-form{display:flex;align-items:center;gap:3px;background:var(--paper);border:1.5px solid #baad98;border-radius:20px;padding:3px 4px 3px 18px;min-width:0;min-height:62px}.search-form:focus-within{border-color:var(--focus);outline:3px solid var(--focus);outline-offset:-3px}.search-form input:focus-visible{outline:none}.search-form button:focus-visible{outline-offset:-3px}.search-form input{min-width:0;flex:1;width:100%;min-height:54px;border:0;background:transparent;font-size:16px;border-radius:9px}.search-form input::placeholder{color:#746b5b;opacity:1}.search-form input::-webkit-search-cancel-button{-webkit-appearance:none}.search-button,.clear-search{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:16px;background:transparent}.clear-search{font-size:28px}.search-symbol{display:block;width:40px;height:40px;background:url("/assets/hipouch/search-friend.svg") center/contain no-repeat;pointer-events:none}
.filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:5px 0 9px}.category-grid{display:contents}.filter-picture,.filter-all,.filter-mystery{min-width:0;min-height:88px;border:2px solid transparent;background:transparent;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 3px;position:relative}.filter-mystery span{word-break:keep-all}.filters img{width:min(66px,100%);height:auto;aspect-ratio:5/3;object-fit:contain;pointer-events:none}.filters span{font-size:12px;font-weight:650;line-height:1.3;overflow-wrap:anywhere;text-align:center}:is(.filters,.search-controls) [aria-pressed=true]{border-color:#596d51;background-color:#e5edd8;box-shadow:inset 0 0 0 2px var(--paper)}:is(.filters,.search-controls) [aria-pressed=true]:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#405a3c;top:5px;inset-inline-end:6px}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}.collection{outline:none;scroll-margin-top:16px}.play-card{--pocket:#e6dcc8;--seam:#a39884;min-width:0;display:flex;flex-direction:column;padding:6px 6px 0;border-radius:22px 22px 34px 34px;position:relative;isolation:isolate}
/* Each subject keeps its own muted fabric color on the play cards. */
.play-card[data-subject=rolling]{--pocket:#dce6a6;--seam:#909c62}
.play-card[data-subject=animals]{--pocket:#e6dcc8;--seam:#a39884}
.play-card[data-subject=nature]{--pocket:#d2dfbd;--seam:#7b9066}
.play-card[data-subject=toys]{--pocket:#f1c4ad;--seam:#ad8067}
.play-card[data-subject=food]{--pocket:#f1dea0;--seam:#a68e4e}
.play-card[data-subject=draw]{--pocket:#ddcfee;--seam:#9380ab}
.play-card[data-subject=perform]{--pocket:#c6dceb;--seam:#7b9caf}
.play-card[data-subject=build]{--pocket:#dfcfb5;--seam:#9e8768}
.play-card[data-subject=home]{--pocket:#e8c4c2;--seam:#aa8080}
.play-card[data-subject=discover]{--pocket:#bfe0d4;--seam:#779e8d}
.play-card[data-subject=move]{--pocket:#edc78c;--seam:#ab8755}
.play-card[data-subject=games]{--pocket:#c9d0ed;--seam:#828eaf}
.play-card[data-subject=story]{--pocket:#dfc7df;--seam:#9c7e9d}
.play-card[data-subject=feelings]{--pocket:#f0ceda;--seam:#b38a9a}
.play-card[data-subject=tap-pictures]{--pocket:#c8cbcf;--seam:#808890}
.play-card[data-subject=imagination]{--pocket:#9fdce7;--seam:#6297a3}
.card-picture{flex:none;min-height:0;position:relative;z-index:1;margin:0 5px 0;aspect-ratio:3/2;border-radius:18px 18px 6px 6px;background:#f4eee1;box-shadow:0 0 0 1px #51422f16;transition:transform 140ms ease;transform-origin:center bottom}.card-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:inherit}.card-body{position:relative;z-index:2;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 17px 19px;border:1.5px solid var(--seam);border-top:3px solid var(--seam);border-radius:15px 15px 46% 46% / 13px 13px 32px 32px;transition:transform 140ms ease;background-color:var(--pocket);background-image:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff10 3px 4px);box-shadow:inset 0 3px 0 #ffffff60,0 4px 0 #5d48220c}.card-body:after{content:"";position:absolute;inset:7px 8px 8px;border:1.5px dashed var(--seam);border-radius:9px 9px 46% 46% / 8px 8px 25px 25px;opacity:.7;pointer-events:none}.pocket-face{position:relative;width:58px;height:27px;flex:none;z-index:1;pointer-events:none;transform-origin:50% 70%}.card-body h3{font-size:17px;line-height:1.45;font-weight:700;text-align:center;margin:0;overflow-wrap:anywhere;z-index:1}.play-card:active .card-picture{transform:translateY(-5px)}.play-card:active .card-body{transform:scale(.985);filter:brightness(.98)}.play-card:focus-visible{outline:none}.unavailable{opacity:.6}
.empty{grid-column:1/-1;min-height:200px;text-align:center;border:1px dashed #b8a58a;border-radius:28px;padding:32px}.empty h3{margin:8px}.empty p{margin:8px}.empty-symbol{font-size:32px}.primary-button{min-height:56px;border:0;border-radius:18px;background:#496347;color:white;padding:12px 24px}.preview-notice{padding:16px;border:1px solid var(--line);border-radius:18px}.site-footer{margin-top:36px;padding-bottom:110px;color:#665d4e;font-size:14px}.hub-home{position:fixed;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;width:68px;height:68px;padding:5px;display:grid;place-items:center;border:2px solid #9db49a;border-radius:24px;background:var(--paper);box-shadow:0 3px 10px #403e3415}.hub-home img{width:54px;height:54px;pointer-events:none}
@media(hover:hover) and (pointer:fine){.play-card:hover .card-picture{transform:translateY(-4px)}.filters button:hover{background-color:#efe8d8}.search-button:hover,.clear-search:hover{background:#efe8d8}}
@media(max-width:1100px){.filters{grid-template-columns:repeat(8,minmax(0,1fr))}.card-grid{gap:24px 18px}.card-body h3{font-size:16px}.card-body{padding-inline:12px}.search-area{gap:12px 20px}}
@media(min-width:701px) and (max-width:900px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.site-header,main,.site-footer{padding-inline:18px}.site-header{padding-top:12px;gap:10px}.brand{gap:7px;min-height:56px}.brand img{width:52px;height:52px}.brand-copy strong{font-size:21px;letter-spacing:-.7px}.brand-copy small{font-size:10px;letter-spacing:0}.language-control{padding-inline:6px 0;gap:2px;border-radius:18px}.language-control select{max-width:110px;min-width:77px;min-height:52px;font-size:13px;padding-inline:2px 25px}.language-control>img{width:25px;height:25px}.language-control:after{inset-inline-end:11px;width:8px;height:8px}.search-area{grid-template-columns:1fr;gap:12px;padding:8px 0 16px}.brand-intro{font-size:14px}.search-form{min-height:58px}.search-form input{min-height:50px;font-size:16px}.search-button,.clear-search{width:50px;height:50px}.filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px 0 12px}.filters span{font-size:12px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.play-card{padding:3px 3px 0}.card-picture{margin-inline:2px;border-radius:14px 14px 4px 4px}.card-body{min-height:88px;padding:10px 12px 16px;border-radius:13px 13px 46% 46% / 11px 11px 27px 27px}.card-body:after{border-radius:7px 7px 46% 46% / 6px 6px 21px 21px}.card-body h3{font-size:15px}.site-footer{margin-top:28px}}
@media(max-width:360px){.site-header,main,.site-footer{padding-inline:12px}.brand img{width:44px;height:48px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:9px}.language-control>img{width:22px;height:22px}.language-control{gap:0;padding-inline:4px 0}.language-control select{max-width:94px;min-width:74px}.card-grid{gap:20px 10px}.card-body h3{font-size:14px}}
@media(orientation:landscape) and (max-height:500px){.site-header{padding-top:8px}.brand img{width:48px;height:48px}.brand{min-height:52px}.brand-copy strong{font-size:22px}.search-area{grid-template-columns:1fr minmax(260px,45%);gap:8px 20px;padding-top:6px}.brand-intro{font-size:14px}.filters{gap:8px;padding:5px 0 9px}.filters button{min-height:80px}.filters img{width:min(66px,100%);height:auto}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.language-control select{min-height:48px}.search-form{min-height:56px}.search-form input{min-height:48px}.search-button,.clear-search{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.play-card:hover .card-picture,.play-card:active .card-picture,.play-card:active .card-body{transform:none}}

:is(html:lang(ko),html:lang(en)) :is(.brand-copy strong,.brand-intro,.filters span,.search-controls :is(.filter-all,.filter-mystery) span,.card-body h3,.search-form input){font-family:"Jua",ui-rounded,system-ui,sans-serif;font-weight:400;letter-spacing:0}
:is(html:lang(ko),html:lang(en)) .filters span{font-size:15px}:is(html:lang(ko),html:lang(en)) .card-body h3{font-size:19px}
@media(max-width:700px){:is(html:lang(ko),html:lang(en)) .filters span{font-size:14px}:is(html:lang(ko),html:lang(en)) .card-body h3{font-size:17px}}

/* Show all sixteen categories without a separate horizontal scroll area. */
@media(min-width:600px), (min-width:480px) and (orientation:landscape){.filters{grid-template-columns:repeat(8,minmax(0,1fr))}}
/* Caregiver introduction. */
.header-tools{display:flex;align-items:center;gap:10px;flex:none;direction:ltr}.header-tools .language-control{direction:inherit}.guardian-button{display:grid;place-items:center;width:56px;height:56px;flex:none;padding:8px;border:2px solid #bd9077;border-radius:20px;background:#fae6cc;box-shadow:inset 0 0 0 3px #fffdf7,0 3px 0 #6047300c}.guardian-button img{width:34px;height:34px}.guardian-button:hover{background:#f7dbb8}.guardian-dialog{width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:2px solid #b99d7b;border-radius:32px;background:#fffaf0;color:var(--ink);box-shadow:0 20px 80px #322d3638;overscroll-behavior:contain;scrollbar-width:thin}.guardian-dialog::backdrop{background:#383e4266;backdrop-filter:blur(3px)}.guardian-panel{--guardian-top-inset:18px;padding:18px 30px 28px}.guardian-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.guardian-eyebrow{font-size:13px;font-weight:700;letter-spacing:.03em;color:#74604b}.guardian-close{width:48px;height:48px;flex:none;border:1.5px solid #bba88e;border-radius:50%;background:#fffdf7;font-size:30px;line-height:1;display:grid;place-items:center}.guardian-hero{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:155px;margin:0 auto 8px;border-radius:50%;background:radial-gradient(ellipse,#e8efdb 0 59%,transparent 60%)}.dancing-friend{width:142px;height:142px;transform-origin:50% 85%}.guardian-dialog[open] .dancing-friend{animation:guardian-dance 1.8s ease-in-out 3}.guardian-star{position:absolute;color:#b67b39;font-size:24px}.star-one{left:7px;top:28px}.star-two{right:5px;bottom:18px;color:#a76454}.guardian-dialog h2{text-align:center;font-size:25px;line-height:1.35;margin:8px 0;overflow-wrap:anywhere}.guardian-dialog h2:focus{outline:none}.guardian-subtitle{text-align:center;font-size:15px;margin:0 0 14px;color:#76634c}.guardian-copy{font-size:15px;line-height:1.85;word-break:normal;overflow-wrap:break-word}.guardian-copy p{margin:0 0 15px}.guardian-motto{text-align:center;border-top:1px dashed #cbb89a;padding-top:18px;margin:22px 0 18px;font-size:16px;line-height:1.65;color:#74533f}.guardian-done{display:block;min-height:52px;width:100%;border:2px solid #a66c59;border-radius:19px;background:#f1bba5;font-weight:700;padding:10px 16px}.guardian-dialog button:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}html:lang(ko) :is(.guardian-dialog h2,.guardian-subtitle,.guardian-motto,.guardian-done){font-family:Jua,system-ui,sans-serif;font-weight:400}.guardian-dialog[dir=rtl]{text-align:right}
@keyframes guardian-dance{0%,100%{transform:translateY(0) rotate(0)}20%{transform:translateY(-7px) rotate(-9deg)}40%{transform:translateY(0) rotate(5deg)}60%{transform:translateY(-7px) rotate(9deg)}80%{transform:translateY(0) rotate(-5deg)}}
@media(max-width:700px){.header-tools{gap:8px}.guardian-button{width:52px;height:52px;border-radius:18px}.site-header .brand{min-width:0}.site-header .brand img{flex:none}.brand-copy{min-width:0}.guardian-panel{--guardian-top-inset:12px;padding:12px 20px 22px}.guardian-dialog h2{font-size:23px}.guardian-hero{height:130px;width:180px}.dancing-friend{width:122px;height:122px}}
@media(max-width:420px){.site-header{gap:6px}.site-header .brand{gap:5px}.site-header .brand img{width:40px;height:46px}.site-header .brand-copy strong{font-size:17px;letter-spacing:-.4px}.site-header .brand-copy small{font-size:9px;letter-spacing:0}.header-tools{gap:6px}.header-tools .language-control{padding-inline:4px 0;gap:0}.header-tools .language-control>img{width:20px;height:20px}.header-tools .language-control select{min-width:68px;max-width:86px;font-size:12px;padding-inline:2px 20px;min-height:48px}.header-tools .language-control:after{inset-inline-end:8px;width:7px;height:7px}.guardian-button{width:48px;height:48px;padding:6px}.guardian-button img{width:32px;height:32px}}
@media(max-width:360px){.header-tools .language-control>img{display:none}.header-tools .language-control select{max-width:76px}.site-header .brand-copy strong{font-size:16px}.site-header .brand-copy small{letter-spacing:0}.guardian-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:24px}}
@media(orientation:landscape) and (max-height:500px){.guardian-panel{--guardian-top-inset:12px;padding:12px 24px 24px}.guardian-hero{width:150px;height:106px}.dancing-friend{width:98px;height:98px}}
@media(prefers-reduced-motion:reduce){.guardian-dialog[open] .dancing-friend{animation:none}}
html[dir=rtl] .header-tools .language-control{direction:rtl}.guardian-top{position:sticky;top:var(--guardian-top-inset);z-index:2;background:#fffaf0;border-radius:12px}.guardian-top:after{content:"";position:absolute;inset:calc(0px - var(--guardian-top-inset)) -8px 0;background:inherit;border-radius:inherit;z-index:-1}
html:lang(ko) .guardian-copy{word-break:keep-all}

main{padding-bottom:110px}

/* Additional interface language fonts. */
html:is(:lang(fr),:lang(id),:lang(hi),:lang(th),:lang(it),:lang(sw),:lang(bn),:lang(km),:lang(ne),:lang(ur),:lang(ha)) body{font-family:var(--pocket-ui-font)}

/* Keep the all-activities control immediately to the right of search. */
.search-controls{grid-column:1/-1;display:flex;flex-wrap:nowrap;align-items:stretch;gap:10px;min-width:0;direction:ltr}
.search-controls .search-form{flex:1;min-width:0}
html[dir=rtl] .search-controls .search-form{direction:rtl}
.search-controls :is(.filter-all,.filter-mystery){flex:0 0 76px;min-height:62px;gap:2px;padding:4px 5px;border-radius:18px}
.search-controls :is(.filter-all,.filter-mystery) img{width:36px;height:22px;object-fit:contain;pointer-events:none}
.search-controls :is(.filter-all,.filter-mystery) span{font-size:12px;line-height:1.2;font-weight:650;text-align:center;overflow-wrap:anywhere}
@media(max-width:700px){.search-controls{gap:8px}.search-controls :is(.filter-all,.filter-mystery){flex-basis:60px;min-height:58px}.search-controls .search-form{padding-inline-start:10px}}
@media(orientation:landscape) and (max-height:500px){.search-controls :is(.filter-all,.filter-mystery){min-height:56px;flex-basis:64px}.search-area{grid-template-columns:minmax(0,1fr) minmax(440px,60%)}}
@media(max-width:600px) and (orientation:landscape) and (max-height:500px){.search-area{grid-template-columns:1fr}}

.search-controls .filter-mystery img{width:44px;height:27px}
@media(max-width:700px){.search-controls{gap:6px}.search-controls :is(.filter-all,.filter-mystery){flex-basis:52px}.search-controls .search-form{padding-inline-start:8px}.search-controls .search-form input{font-size:14px}.search-controls .search-button,.search-controls .clear-search{width:44px}.search-controls .search-symbol{width:36px;height:36px}}
:root .locale-loading{min-height:70vh;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
:root .locale-loading select,:root .locale-retry{min-width:48px;min-height:48px;font:inherit}
:root .locale-retry{border:1px solid #d9cdbd;border-radius:14px;background:#fff9ee;color:#705648;font-size:28px;cursor:pointer}
/* Preserve the waving mascot's square proportions at every header breakpoint. */
.brand img{object-fit:contain}

/* Caregiver conversation guides: one scroll surface, with the close/back row retained. */
.guardian-back{min-height:48px;padding:8px 10px;border:1px solid #c7b79e;border-radius:14px;background:#fffdf7;font-size:14px;font-weight:700;text-align:start}
.guardian-conversation{width:min(680px,calc(100% - 28px))}
.conversation-view{padding-top:16px;overflow-wrap:anywhere}
.guardian-dialog .conversation-view h2{text-align:start;margin:0 0 8px;font-size:27px}
.conversation-intro{font-size:15px;line-height:1.7;margin:0 0 10px;word-break:keep-all}
.conversation-search label{display:block;margin-bottom:8px;font-size:14px;font-weight:700}
.conversation-search-field{display:flex;align-items:center;border:1.5px solid #adbaa0;border-radius:16px;background:#fffdf7;min-height:52px}
.conversation-search-field:focus-within{outline:3px solid var(--focus);outline-offset:-3px}
.conversation-search-field input{width:100%;min-width:0;min-height:52px;padding:12px 14px;border:0;border-radius:16px;background:transparent;font-size:16px}
.conversation-search-field input:focus-visible{outline:none}
.conversation-search-field input::-webkit-search-cancel-button{-webkit-appearance:none}
.conversation-clear{flex:none;width:44px;min-height:44px;border:0;border-radius:12px;background:transparent;font-size:26px}
.conversation-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.conversation-controls button{min-height:44px;padding:9px 14px;border:1.5px solid #b8b298;border-radius:14px;background:#fffdf7;font-size:14px}
.conversation-controls [aria-pressed=true]{background:#e5edd8;border-color:#596d51;box-shadow:inset 0 0 0 1px #596d51}
.conversation-guide{margin-top:24px;padding:22px;border:1.5px solid #c3cfb0;border-radius:22px;background:#f0f3e6;scroll-margin-top:80px}
.conversation-guide>h3{font-family:Jua,system-ui,sans-serif;font-size:24px;font-weight:400;margin:0 0 18px;line-height:1.4;color:#405a3c}
.conversation-guide-part+ .conversation-guide-part{margin-top:20px}
.conversation-guide h4{font-size:14px;margin:0 0 6px;color:#4d6546}
.conversation-guide p,.conversation-guide li{font-size:15px;line-height:1.85;word-break:normal;overflow-wrap:break-word}
html:lang(ko) .conversation-guide :is(p,li){word-break:keep-all}
html:not(:lang(ko)):not(:lang(en)) .conversation-guide>h3{font-family:inherit}
.conversation-guide p{margin:0}
.conversation-guide ol{padding-inline-start:22px;margin:0}
.conversation-guide li+li{margin-top:8px}
.conversation-results-title{font-size:16px;margin:26px 0 6px}
.conversation-status{font-size:13px;line-height:1.7;color:#71614f;margin:0 0 12px}
.conversation-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.conversation-results button{min-width:0;min-height:48px;border:1.5px solid #d3c4ac;border-radius:14px;background:#fffdf7;padding:10px 12px;font-size:14px;line-height:1.5;text-align:start;word-break:keep-all;overflow-wrap:anywhere}
.conversation-results button[aria-pressed=true]{background:#e5edd8;border-color:#596d51;box-shadow:inset 0 0 0 1px #596d51;font-weight:700}
.conversation-guide>h3:focus,.conversation-results-title:focus,.conversation-view>h2:focus{outline:none}
@media(hover:hover){.conversation-results button:hover,.conversation-controls button:hover,.guardian-back:hover{background:#eaf0de}}
@media(max-width:700px){.conversation-results{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-guide{padding:18px}.guardian-dialog .conversation-view h2{font-size:25px}}
@media(max-width:360px){.guardian-conversation{width:calc(100% - 16px)}.conversation-guide{padding:14px}.conversation-controls button{padding-inline:10px}}