/* Evaluation method, visual literacy and sourced example. */
.method-section{padding:16px 0 96px}.evaluation-flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:0 0 48px;padding:0}.evaluation-flow li{border-top:1px solid var(--line);padding-top:22px}.evaluation-flow li>span{font-family:var(--mono);font-size:12px;color:#678350}.evaluation-flow h3{font-size:20px;font-weight:500;margin:12px 0}.evaluation-flow p{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:0}.method-reference{display:flex;align-items:flex-start;gap:28px;background:#e4eade;border-left:3px solid #7dab52;padding:20px 25px;margin-bottom:26px}.method-reference>span{font-size:14px;white-space:nowrap;font-weight:600}.method-reference p{font-size:14px;line-height:1.8;color:#5b6853;margin:0}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #c6cfbd;border-radius:16px;overflow:hidden}.score-grid article{padding:26px 22px;border-right:1px solid #c6cfbd;display:flex;flex-direction:column;gap:25px}.score-grid article:last-child{border-right:0}.score-grid article:first-child{background:#dcebcf}.score-number{font-family:Georgia,serif;font-size:60px;line-height:1;letter-spacing:-.07em;color:#526e3a}.score-grid h3{font-size:18px;font-weight:550;margin-bottom:12px}.score-grid p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:16px;min-height:76px}.score-status{display:inline-block;font-size:12px;padding:2px 9px;border:1px solid #b4bbaa;border-radius:4px;color:#687060}.score-status.usable{background:#203b1e;color:#d2f5b1;border-color:#203b1e}.scoring-note{font-size:13px;color:var(--muted);line-height:1.8;margin:20px 0 0}.dimension-header{margin:62px 0 24px}.dimension-header h3{font-size:27px;font-weight:500;letter-spacing:-.025em;margin-bottom:12px}.dimension-header p{color:var(--muted);font-size:14px;margin:0}.dimension-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.dimension-grid article{border-left:1px solid #b9c6ad;padding-left:18px}.dimension-grid article>span{font-family:var(--mono);font-size:10px;color:#6c8459;letter-spacing:.06em}.dimension-grid h3{font-size:19px;font-weight:500;margin:14px 0 12px}.dimension-grid p{font-size:15px;line-height:1.85;color:var(--muted);margin:0}.media-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.media-comparison article{background:#e5eade;padding:32px;border-radius:16px}.media-comparison article:last-child{background:#dee5d8}.media-comparison h3{font-size:25px;letter-spacing:-.02em;font-weight:500;margin:17px 0}.media-comparison p{font-size:16px;line-height:1.9;color:#5e6d55}.light-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.light-tags span{font-size:12px;padding:3px 10px;border:1px solid #abbba0;border-radius:5px;color:#4d653d}.metrics-details{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics-details summary{padding:22px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:16px;list-style:none;gap:20px}.metrics-details summary::-webkit-details-marker{display:none}.metrics-details summary:focus-visible{outline:3px solid #548723;outline-offset:4px}.metrics-details summary>span{font-size:23px;transition:transform .2s}.metrics-details[open] summary>span{transform:rotate(45deg)}.metrics-content{padding:0 0 24px;max-width:960px}.metrics-content>p{font-size:14px;color:var(--muted);line-height:1.9}.metrics-content dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 36px;padding:22px;background:#e4e9df;border-radius:10px;margin:20px 0}.metrics-content dl>div{display:flex;justify-content:space-between;gap:20px}.metrics-content dt{font-size:14px;white-space:nowrap}.metrics-content dd{font-size:14px;margin:0}.aesthetics-section{background:#172118;color:#eef2e8;padding:80px 0}.aesthetics-section .eyebrow{color:#a9d78a}.aesthetics-section .section-note{color:#a6b69b}.aesthetics-intro{max-width:700px;font-size:17px;line-height:1.9;color:#b5c3a9;margin:0 0 35px}.aesthetic-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #40513a;gap:8px}.aesthetic-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#adbea0;font:inherit;font-size:15px;padding:16px 8px;text-align:left}.aesthetic-tabs button:hover{color:#dbf6bc}.aesthetic-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}.aesthetic-tabs button:focus-visible,.aesthetic-panel:focus-visible{outline-color:var(--green)}.aesthetic-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:42px 0 15px;min-height:310px}.aesthetic-panel h3{font-size:32px;font-weight:500;line-height:1.45;margin:17px 0 18px;letter-spacing:-.025em}.aesthetic-panel p{font-size:16px;line-height:1.9;color:#b6c5ab;margin:0}.aesthetic-labels{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.aesthetic-labels span{font-size:12px;line-height:1.8;padding:4px 11px;border:1px solid #536748;border-radius:5px;color:#cee2bb}.aesthetic-panel aside{border-left:1px solid #40513a;padding:4px 0 0 30px}.aesthetic-panel aside>span{display:block;color:#cde3b6;font-size:14px;margin-bottom:15px}.aesthetic-question{margin-top:25px;padding-top:20px;border-top:1px solid #40513a}.aesthetic-question small{display:block;font-size:12px;color:#96ac85;margin-bottom:8px}.aesthetic-question p{font-size:14px;color:#b5cba2}.source-note{font-size:12px;color:#727d68;line-height:1.9;margin:25px 0 0}.source-note a{text-decoration:underline;text-underline-offset:4px}.source-note a:hover{color:#426e38}.aesthetics-section .source-note{color:#97ad85}.aesthetics-section .source-note a:hover{color:var(--green)}.case-example{padding:85px 0}.example-layout{display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:start}.example-layout figure{margin:0;padding:0}.example-layout img{display:block;width:100%;max-width:378px;height:auto;border-radius:12px;background:#d8dfd2}.example-layout figcaption{font-size:12px;color:var(--muted);margin-top:12px}.example-block{display:grid;grid-template-columns:125px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.example-block:first-child{padding-top:0}.example-block>span{font-size:13px;color:#5f7650}.example-block p{font-size:15px;line-height:1.9;margin:0;color:#4f5d47}.example-limit{font-size:12px;color:#79816f;line-height:1.8;margin:20px 0 0}
@media(max-width:1000px){.score-grid{grid-template-columns:1fr 1fr}.score-grid article{display:grid;grid-template-columns:50px 1fr;gap:22px}.score-grid article:nth-child(2){border-right:0}.score-grid article:nth-child(-n+2){border-bottom:1px solid #c6cfbd}.score-grid p{min-height:0}.dimension-grid{grid-template-columns:1fr 1fr;gap:25px}.evaluation-flow{grid-template-columns:1fr 1fr}.example-layout{grid-template-columns:minmax(260px,340px) 1fr;gap:32px}.example-block{grid-template-columns:1fr;gap:8px}.aesthetic-panel{gap:36px}.aesthetic-panel h3{font-size:28px}.navigation nav{gap:20px}}
@media(max-width:700px){.navigation{flex-direction:column;align-items:flex-start;gap:14px}.navigation .brand-label{display:inline;font-size:12px}.navigation nav{width:100%;justify-content:space-between;gap:6px;font-size:13px}.nav-contact{padding:4px 8px}.nav-contact span{margin-left:3px}.hero{padding-top:36px;padding-bottom:45px}.hero-topline{gap:8px}.hero-topline .eyebrow{font-size:10px;letter-spacing:.03em}.hero-topline .edition{font-size:10px}.method-section{padding-bottom:52px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-note br{display:none}.section-note{max-width:none;font-size:12px}.evaluation-flow{gap:25px 20px;margin-bottom:30px}.evaluation-flow h3{font-size:18px}.evaluation-flow p{font-size:14px}.method-reference{flex-direction:column;gap:10px;padding:18px}.method-reference p{font-size:13px}.score-grid article{display:flex;gap:20px;padding:22px 18px}.score-number{font-size:47px}.score-grid h3{font-size:17px}.score-grid p{font-size:14px}.dimension-header{margin-top:40px}.dimension-header h3{font-size:23px}.dimension-grid{gap:24px 18px}.dimension-grid article{padding-left:12px}.dimension-grid p{font-size:14px}.dimension-grid article>span{font-size:9px}.dimension-grid h3{font-size:18px}.media-comparison{grid-template-columns:1fr;gap:16px;margin-top:32px}.media-comparison article{padding:24px}.media-comparison h3{font-size:23px}.media-comparison p{font-size:15px}.metrics-content dl{grid-template-columns:1fr;gap:15px;padding:18px}.metrics-content dl>div{gap:12px}.metrics-details summary{font-size:15px}.aesthetics-section{padding:48px 0}.aesthetics-intro{font-size:15px;margin-bottom:22px}.aesthetic-tabs{grid-template-columns:repeat(5,minmax(90px,1fr));overflow-x:auto;gap:6px}.aesthetic-tabs button{font-size:14px;padding:15px 6px;white-space:nowrap}.aesthetic-panel{grid-template-columns:1fr;gap:30px;padding-top:30px;min-height:0}.aesthetic-panel h3{font-size:26px;margin:15px 0}.aesthetic-panel p{font-size:15px}.aesthetic-panel aside{padding-left:18px}.aesthetic-question p{font-size:14px}.aesthetic-panel .green-label{font-size:10px}.case-example{padding:48px 0}.example-layout{grid-template-columns:1fr;gap:26px}.example-layout figure{max-width:378px}.example-layout img{max-width:100%}.example-block{padding:17px 0}.example-block p{font-size:15px}.example-block>span{font-size:13px}.source-note{font-size:12px}}
@media(max-width:700px){.navigation nav{font-size:14px;flex-wrap:wrap;column-gap:16px;row-gap:8px;justify-content:flex-start}}