/* One choice at a time, using the desk's existing paper and forest palette. */
.desk-more{position:relative}
.desk-more>summary{cursor:pointer;list-style:none;padding:10px 14px;min-height:44px;box-sizing:border-box;color:var(--desk-ink)}
.desk-more>summary::-webkit-details-marker{display:none}
.desk-more>div{position:absolute;right:0;top:100%;z-index:20;min-width:150px;display:grid;padding:10px;background:#fffefa;border:1px solid #9ba996;border-radius:8px;box-shadow:0 10px 30px #173a2b20}
.worktop .desk-more button,.worktop .desk-more a{text-align:left;min-height:44px;margin:0!important;border:0!important}
.desk-more:not([open])>div{display:none}
.desk-detail.topics-wide{max-width:1200px;width:100%;margin:auto}
#deskPage[data-view=topics] .health-strip{display:none}
#deskPage[data-view=topics]{padding-top:36px}
#deskPage[data-view=topics] #detailTitle{font:700 clamp(30px,3.5vw,48px)/1.3 var(--desk-serif);color:#142b1e;letter-spacing:-.02em}
#deskPage[data-view=topics] #detailIntro{font-size:18px;color:#364b3b;margin-top:14px}
#deskPage[data-view=topics] #backToday{display:none}
.topic-recommendations{margin:0 0 24px;padding:24px 0}
.recommendation-heading{margin-bottom:20px}
.recommendation-heading h2{font:600 22px/1.4 var(--desk-serif);margin:0;color:#233d2b}
.recommendation-heading p{font-size:13px;color:#475744;margin:7px 0 0}
.recommendation-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.recommendation-cards .recommendation-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;min-height:310px;padding:28px;border:2px solid #173a2b;border-radius:12px;background:#173a2b;color:#fffdf4;cursor:pointer;transition:background .15s,border-color .15s}
.recommendation-cards .recommendation-card:hover{background:#244b35;border-color:#b69c3f}
.recommendation-card small{font-size:14px;font-weight:600;color:#e7d786}
.recommendation-card strong{font:700 clamp(21px,1.9vw,28px)/1.55 var(--desk-serif);margin:18px 0 26px;overflow-wrap:anywhere}
.recommendation-card .recommendation-action{font-size:17px;font-weight:700;margin-top:auto;color:#f6df78;padding-top:10px}
.recommendation-status{font-size:12px;color:#4f604b;margin:14px 0 0}
#todayTopics{max-width:1180px;margin:0 auto 30px}
.topics-layout{display:block}
.topics-feed{border-top:1px solid #bcc5b5;padding:12px 0}
.topics-feed>summary{padding:16px 0;cursor:pointer;font-size:16px;font-weight:600;color:#304c35;min-height:48px;box-sizing:border-box}
.topics-feed:not([open])>:not(summary){display:none}
.topic-tabs{display:flex;gap:9px;margin:14px 0}
.topic-tabs button{min-height:44px}
.topic-tabs button[aria-pressed=true]{background:#173a2b;color:#fff;border-color:#173a2b}
.topics-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0 0}
.topics-toolbar select,.topics-toolbar input{min-height:46px;border:1px solid #8b9c81;border-radius:6px;padding:10px 12px;background:#fffefa;color:#203727;font:inherit;min-width:0}
.topics-toolbar input{flex:1;min-width:180px}
.topics-status,.topics-count,.topic-save-status{font-size:13px;line-height:1.8;color:#43543f}
.topics-status{margin:10px 0;min-height:24px}
.topics-count{margin:8px 0}
.topic-row{display:block;width:100%;text-align:left;padding:20px 12px;border:0;border-top:1px solid #d2d9cb;background:transparent;color:#1f3425;border-radius:0}
.topic-row:hover,.topic-row[aria-pressed=true]{background:#e5eadf}
.topic-row small,.topic-row span{display:block;font-size:12px;line-height:1.7;color:#46563f}
.topic-row strong{display:block;font:600 21px/1.6 var(--desk-serif);margin:8px 0;overflow-wrap:anywhere}
.topic-notebook{max-width:820px;margin:0 auto;background:#fffefa;border:2px solid #294b33;padding:30px;border-radius:12px}
.topic-notebook[hidden]{display:none}
.topic-close{display:block;padding:10px 0;min-height:44px;border:0;background:transparent;color:#294b33;font-size:16px;cursor:pointer}
.topic-notebook h2{font:700 clamp(24px,2.5vw,34px)/1.5 var(--desk-serif);color:#173522;margin:18px 0;overflow-wrap:anywhere}
.topic-summary{padding:8px 0 18px;border-bottom:1px solid #cbd4c3;color:#3d523b;font-size:15px;line-height:1.8}
.topic-summary summary,.topic-extra>summary,.topic-history summary{cursor:pointer;min-height:44px;line-height:1.8;padding:10px 0;box-sizing:border-box;overflow-wrap:anywhere}
.topic-links{display:flex;gap:20px;flex-wrap:wrap}
.topic-links a{color:#294b33;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.topic-form label{display:block;font:700 26px/1.5 var(--desk-serif);margin:26px 0 12px;color:#173522}
.topic-form textarea{display:block;box-sizing:border-box;width:100%;border:2px solid #819674;border-radius:8px;padding:18px;background:#f5f7ec;color:#173522;font-size:21px;line-height:1.8;resize:vertical}
.topic-form textarea::placeholder{color:#52654a;opacity:1}
#topic-thought{min-height:250px}
.topic-extra{margin:12px 0;color:#43543f;font-size:14px}
.topic-extra label{font-size:16px;margin:14px 0 8px}
.topic-extra textarea{font-size:16px}
.topic-extra .text-button{margin-top:14px}
.topic-save-status{margin:8px 0}
.topic-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:18px}
.topic-actions .desk-primary{flex:1;background:#ecd16b;color:#183421;border:2px solid #8b7627;border-radius:8px;min-height:62px;padding:14px 24px;font:700 22px/1.4 var(--desk-serif)!important;cursor:pointer}
.topic-actions .desk-primary:hover{background:#f5dd83}
.topic-actions .text-button{font-size:15px!important;color:#294b33;min-height:44px}
.topic-history{border-top:1px solid #cbd4c3;margin-top:28px;padding-top:16px}
.topic-history h3{font:600 20px var(--desk-serif)}
.topic-history details{padding:10px 0;border-bottom:1px solid var(--desk-line);font-size:15px;line-height:1.8}
.topic-history p{white-space:pre-wrap;overflow-wrap:anywhere}
.topic-empty{color:#43543f;font-size:16px;line-height:1.9}
.topics-page.is-writing>.topic-recommendations,.topics-page.is-writing .topics-feed{display:none}
#deskPage[data-view=topics]:has(.is-writing) .desk-detail>.section-heading{display:none}
.topics-page :is(button,input,textarea,select,a,summary):focus-visible,.topic-recommendations button:focus-visible,.desk-more summary:focus-visible{outline:3px solid #a67d0a;outline-offset:4px}
.topics-page button:disabled{opacity:.6;cursor:wait}
@media(max-width:780px){
 #deskPage[data-view=topics]{padding-top:24px}
 #deskPage[data-view=topics] #detailIntro{font-size:16px}
 .recommendation-cards{grid-template-columns:1fr;gap:14px}
 .recommendation-cards .recommendation-card{min-height:0;padding:22px}
 .recommendation-card strong{font-size:23px;margin:12px 0 18px}
 .recommendation-action{font-size:16px}
 .topic-recommendations{padding:12px 0 18px}
 .topic-notebook{padding:18px 16px}
 .topic-form label{font-size:24px}
 .topic-form textarea{font-size:19px;padding:14px}
 #topic-thought{min-height:230px}
 .topic-actions{gap:12px;flex-direction:column;align-items:stretch}
 .topics-toolbar input{flex-basis:100%}
 .topics-toolbar select{flex:1}
 .topics-toolbar button{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.recommendation-cards .recommendation-card{transition:none}}
.desk-more:has([aria-current=page])>summary,.desk-more[open]>summary{background:#173a2b;color:#fffdf4;border-radius:7px}
.desk-more>summary:after{content:'▾';margin-left:8px;font-size:11px}
.worktop .desk-more a:focus-visible,.worktop .desk-more button:focus-visible{background:#173a2b;color:#fffdf4;outline:2px solid #b99a29}
