/* The optional chooser has its own quiet, illustrated interior. */
#main details.guidance-chooser{padding:0;margin:1.5rem 0 2rem;border:1px solid #666e53;border-radius:7px;background:#3b422f;color:#f4efe6;box-shadow:0 22px 42px -32px #171b1680;overflow:clip}
#main .guidance-chooser>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;padding:1.4rem 1.7rem;color:#f4efe6;background:#3b422f;font:400 clamp(1.25rem,2.5vw,1.7rem)/1.35 CutGallery,Archivo,sans-serif;cursor:pointer;margin:0;min-height:76px}
#main .guidance-chooser>summary::-webkit-details-marker{display:none}
#main .guidance-chooser>summary:hover{background:#465038}
#main .guidance-toggle{flex:none;width:28px;height:28px;position:relative;border:1px solid #b4bca1;border-radius:50%}
#main .guidance-toggle:before,#main .guidance-toggle:after{content:'';position:absolute;inset:12px 7px;height:1px;background:currentColor}
#main .guidance-toggle:after{transform:rotate(90deg)}
#main .guidance-chooser[open]>.guidance-toggle:after,#main .guidance-chooser[open]>summary .guidance-toggle:after{transform:none}
#main .guidance-chooser[open]>summary{border-bottom:1px solid #a9ae9155}
#main .guidance-interior{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr)}
#main .guidance-portrait{margin:0;padding:0;min-width:0;position:relative;align-self:start;background:#ddd2bb}
#main .guidance-portrait img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain}
#main .guidance-form-panel{min-width:0;padding:clamp(1.4rem,3.2vw,2.6rem);background:linear-gradient(130deg,#434a35,#303927)}
#main .guidance-form-panel h2{font:400 clamp(1.9rem,3vw,2.6rem)/1.2 CutGallery,Archivo,sans-serif;color:#f4efe6;margin:.6rem 0 1rem;text-wrap:balance}
#main .guidance-form-panel p{color:#e5e6d9;line-height:1.6}
#main .guidance-chooser .guidance-eyebrow{font:600 .7rem/1.5 Archivo,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#d1d6be;margin:0}
#main .guidance-form-panel .form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;margin:1.5rem 0}
#main .guidance-form-panel label{display:block;color:#f4efe6;font-weight:500;font-size:1rem;line-height:1.45;min-width:0;margin:0}
#main .guidance-form-panel select{display:block;width:100%;max-width:100%;min-width:0;min-height:48px;padding:.7rem .65rem;background:#f4efe6;color:#171b16;border:1px solid #d7d8c7;border-radius:4px;margin:.5rem 0 0;font:400 .96rem/1.4 Archivo,sans-serif;box-shadow:inset 0 1px 2px #171b160d}
#main .guidance-form-panel .field-help{display:block;margin-top:.5rem;color:#d1d6be;font-size:.8rem;font-weight:400;line-height:1.5}
#main .guidance-form-panel .check-line{display:flex;gap:.7rem;align-items:flex-start;margin:1.2rem 0;font-size:.9rem;cursor:pointer}
#main .guidance-form-panel input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:#c86142;margin:2px 0 0}
#main .guidance-form-panel button.primary{background:#f4efe6;color:#283021;border-color:#e3d8c3;min-height:48px;max-width:100%;white-space:normal;box-shadow:inset 0 -3px 0 #d8ad86,0 4px 14px #171b1624}
#main .guidance-form-panel button.primary:hover{background:#e5e6d9;border-color:#f4efe6}
#main .guidance-form-panel .guidance-pending{font-size:.85rem;margin:.8rem 0 0;color:#f4efe6}
#main .guidance-pending[hidden]{display:none}
#main .guidance-chooser :is(summary,select,input,button,a):focus-visible{outline:3px solid #e9c799;outline-offset:4px}
#main .guidance-chooser>summary:focus-visible{outline-offset:-5px}
#main #shortlist-result:not(:empty){padding:clamp(1.4rem,3vw,2.5rem);background:#ece8dc;color:#293129;border-top:1px solid #b7bea5}
#main .guidance-results-heading h2,#main .guidance-no-match h2{font:400 clamp(1.6rem,2.4vw,2rem)/1.3 CutGallery,Archivo,sans-serif;color:#293129;margin:0 0 .7rem}
#main #shortlist-result p{color:#37432e}
#main #shortlist-result .comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.4rem}
#main #shortlist-result .panel{background:#faf6ed;color:#293129;border:1px solid #b8bea8;border-radius:5px;padding:1.5rem;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
#main #shortlist-result .panel h3{font:400 clamp(1.3rem,2vw,1.75rem)/1.3 CutGallery,Archivo,sans-serif;color:#293129;margin:.5rem 0 .8rem}
#main #shortlist-result .guidance-eyebrow{color:#596349}
#main #shortlist-result .guidance-eye-match{font-size:.85rem;padding-left:.8rem;border-left:2px solid #75805f}
#main #shortlist-result .panel details{width:100%;border-color:#b8bea8;color:#293129;margin:0 0 1rem;padding:1rem 0}
#main #shortlist-result .panel summary{color:#293129;font-size:.9rem;min-height:32px}
#main #shortlist-result .panel .button{margin-top:auto;background:#3b422f;color:#f4efe6;border-color:#3b422f;max-width:100%;white-space:normal}
#main #shortlist-result .panel .button:hover{background:#293129}
#main #shortlist-result :focus-visible{outline-color:#52623c}
#main .guidance-footnote{margin:0;padding:1.1rem 1.7rem;font-size:.8rem;line-height:1.6;color:#d1d6be;background:#303927;border-top:1px solid #a9ae9140}
@media(max-width:700px){
 #main .guidance-interior{grid-template-columns:minmax(0,1fr)}
 #main .guidance-chooser>summary{padding:1.2rem;font-size:1.3rem}
 #main .guidance-portrait{width:100%;display:grid;grid-template-columns:minmax(0,1fr);background:#3b422f}
 #main .guidance-portrait img{width:100%;max-width:430px;justify-self:center}
 #main .guidance-form-panel{padding:1.3rem}
 #main .guidance-form-panel h2{font-size:2rem}
 #main .guidance-form-panel select{font-size:16px}
 #main .guidance-form-panel button.primary{width:100%}
 #main #shortlist-result .comparison-pair{grid-template-columns:minmax(0,1fr)}
 #main #shortlist-result .panel{padding:1.2rem}
 #main .guidance-footnote{padding:1.2rem}
}
@media(forced-colors:active){
 #main .guidance-chooser,#main .guidance-chooser>summary,#main .guidance-form-panel,#main #shortlist-result:not(:empty),#main #shortlist-result .panel,#main .guidance-footnote{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}
 #main .guidance-chooser :is(h2,h3,p,label,span,summary){color:CanvasText}
 #main .guidance-chooser :is(select,button,a.button){background:ButtonFace;color:ButtonText;border-color:ButtonText}
 #main .guidance-chooser :focus-visible{outline-color:Highlight}
}
@media print{#main .guidance-portrait{display:none}#main .guidance-interior{display:block}#main .guidance-chooser,#main .guidance-form-panel,#main .guidance-footnote{background:white;color:black}#main .guidance-chooser :is(h2,p,label,span){color:black}}