.interest-label{font:500 .875rem/1.5 var(--s);margin:0 0 10px}
.reading-interests{margin-top:24px;max-width:100%}
.interest-buttons{display:flex;flex-wrap:wrap;gap:8px}
.interest-buttons button,.interest-clear{font:400 .875rem/1.45 var(--s);border:1px solid #77736c;background:transparent;color:var(--paper);padding:9px 12px;min-height:42px;cursor:pointer;text-align:left;max-width:100%;overflow-wrap:anywhere}
.interest-buttons button span{font:400 .75rem var(--m);opacity:.75;margin-left:5px}
.interest-buttons button[aria-pressed="true"]{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.interest-buttons button:hover{border-color:var(--signal)}
.reading-interests summary{font:500 .875rem/1.5 var(--s);padding:14px 0;cursor:pointer;color:var(--signal)}
.reading-interests fieldset{border:0;padding:0;margin:8px 0 18px;min-width:0}
.reading-interests legend{font:500 .875rem/1.5 var(--s);margin-bottom:8px;color:#ded9ce}
.interest-topic-label{display:block;font:500 .875rem/1.5 var(--s)}
.interest-topic-label select{display:block;margin-top:7px;width:100%;max-width:100%;background:var(--paper);color:var(--ink);padding:10px;font:400 .875rem/1.5 var(--s);min-height:44px;border:1px solid #77736c}
.interest-coverage{font:400 .8rem/1.6 var(--s);color:#c9c5bb;margin:12px 0}
.interest-selection{font:400 .8rem/1.6 var(--s);color:#ded9ce;margin:12px 0}
.interest-selection:empty{display:none}
.interest-clear{padding:7px 10px;font-size:.8rem}
.interest-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.interest-tags:empty{display:none}
.interest-tags span{font:400 .75rem/1.5 var(--s);padding:3px 7px;border:1px solid var(--rule);color:var(--dim)}
.reading-pick .interest-tags span{border-color:#77736c;color:#ded9ce}
.interest-archive{display:flex;align-items:end;gap:14px;flex-wrap:wrap;border-top:1px solid var(--rule);margin:20px 0;padding-top:18px}
.interest-archive label{display:flex;flex-direction:column;gap:7px;font:500 .875rem/1.5 var(--s);flex:1;min-width:200px}
.interest-archive select{font:400 .875rem/1.5 var(--s);color:var(--ink);background:var(--paper);border:1px solid var(--ink);padding:10px;min-height:44px;width:100%}
.interest-archive button{font:500 .875rem/1.5 var(--s);padding:10px 16px;min-height:44px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer}
.interest-archive p{flex-basis:100%;font:400 .8rem/1.6 var(--s);color:var(--dim);margin:0}
.reading-interests[hidden],.interest-archive[hidden],.interest-clear[hidden],.reading-actions[hidden],.interest-tags[hidden]{display:none}
@media(max-width:680px){.interest-archive label{flex-basis:100%;min-width:0}.reading-interests{margin-top:20px}.interest-buttons button{padding:8px 10px}.home-hero--recommendation h1{font-size:clamp(2.5rem,10vw,3.7rem)}}
@media print{.reading-interests,.interest-archive{display:none}}