:root{--paper:#faf6ed;--text:#2b382c;--muted:#65715f;--sage:#dce5cf;--border:#cbd5be}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font:17px/1.75 Georgia,serif}a{color:#315d38}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}
.b21StickyBrand{position:sticky;top:0;z-index:100;background:#302015}.b20WoodBar{display:flex;align-items:center;justify-content:center;background:url('/app-assets/header-wood.webp') center/cover}.b20Logo{display:flex;align-items:center;justify-content:center;height:100%}.b20Logo img{width:auto;object-fit:contain}.b21StickyBrand .nav{display:none}
.phg-article-shell{max-width:1160px;margin:auto;padding:42px 24px 80px}.phg-article-hero{max-width:960px;margin:auto}.phg-eyebrow{font:700 11px/1.5 Georgia,serif;letter-spacing:.13em;text-transform:uppercase;color:#6a805a}.phg-article-shell h1{font-size:clamp(35px,5vw,65px);font-weight:500;line-height:1.12;letter-spacing:-.025em;margin:15px 0 22px}.phg-article-dek{font-size:20px;line-height:1.65;max-width:800px;color:var(--muted)}
.phg-article-art{width:100%;max-height:460px;aspect-ratio:16/8;object-fit:cover;border-radius:20px;margin:16px 0 25px;background:#e8eddf}.phg-article-meta{font-size:12px;color:var(--muted)}.phg-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,250px);gap:50px;justify-content:center;margin-top:30px}.phg-article-content{min-width:0}.phg-article-content h2{font:500 clamp(26px,3vw,35px)/1.25 Georgia,serif;margin:46px 0 20px;scroll-margin-top:116px}.phg-article-content p{margin:0 0 22px}.phg-article-content li{margin:10px 0}.phg-article-aside{font-size:13px;align-self:start;position:sticky;top:116px}.phg-article-aside a{display:block;padding:6px 0;text-decoration:none}.phg-summary,.phg-learning,.phg-quiz,.phg-activity{padding:25px;border:1px solid var(--border);background:#edf1e4;border-radius:16px;margin:26px 0}.phg-summary h2,.phg-learning h2,.phg-quiz h2,.phg-activity h2{margin-top:0}.phg-vocabulary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phg-vocabulary>div{background:#ffffff70;border-radius:12px;padding:15px}.phg-vocabulary dt{font-weight:bold}.phg-vocabulary dd{margin:6px 0 0;font-size:15px}
.phg-quiz fieldset{border:0;padding:18px 0;margin:0;border-bottom:1px solid var(--border)}.phg-quiz legend{font-weight:bold;line-height:1.6}.phg-quiz label{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:16px}.phg-quiz input{margin-top:7px;flex-shrink:0}.phg-check-answer,.phg-video-play{border:1px solid #7f9871;border-radius:22px;background:#d4e0c5;color:#28432e;padding:9px 18px;font:600 14px Georgia,serif}.phg-feedback{display:block;min-height:1.5em;padding-top:10px;font-size:15px}.phg-quiz fieldset[data-correct=true]{border-left:3px solid #69945a;padding-left:15px}.phg-quiz fieldset[data-correct=false]{border-left:3px solid #af9d70;padding-left:15px}
.phg-chart{padding:22px;border:1px solid var(--border);border-radius:16px;margin:30px 0;background:#f0eddf}.phg-chart svg{width:100%;height:auto;max-height:320px}.phg-chart figcaption{font-size:13px;line-height:1.6}.phg-chart table{width:100%;font-size:13px;border-collapse:collapse;margin-top:15px}.phg-chart td,.phg-chart th{text-align:left;border-bottom:1px solid #c5cdb8;padding:7px}
.phg-video{margin:32px 0;border:1px solid var(--border);border-radius:15px;padding:20px;background:#e5ebdc}.phg-video-stage{aspect-ratio:16/9;display:grid;place-items:center;background:#283e2d;border-radius:12px;overflow:hidden;color:#f6f2e8;text-align:center}.phg-video-stage>div{padding:20px}.phg-video iframe{width:100%;height:100%;border:0}.phg-video figcaption{font-size:13px;padding-top:12px}
.phg-affiliate-space{padding:24px 22px;border:1px dashed #aab99b;background:linear-gradient(120deg,#e2e8d8,#f4ecd9);border-radius:15px;margin:30px 0;color:#637456;font-size:12px;min-height:105px;display:flex;align-items:center;gap:20px}.phg-affiliate-space>span{font-size:42px;color:#91a67e}.phg-affiliate-space strong{display:block;letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.phg-related{border-top:1px solid var(--border);margin-top:45px;padding-top:22px}.phg-related>div{display:grid;grid-template-columns:1fr 1fr;gap:15px}.phg-related a{padding:15px;background:#e9efdf;border-radius:12px;text-decoration:none;font-size:15px}.phg-source-list{font-size:13px;overflow-wrap:anywhere}
.phg-catalog-head{max-width:780px;margin-bottom:30px}.phg-catalog-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;background:#e8ecdd;border-radius:20px;overflow:hidden;margin-bottom:40px}.phg-catalog-feature img{width:100%;height:100%;min-height:280px;object-fit:cover}.phg-catalog-feature>div{padding:25px}.phg-catalog-feature h2{font-size:35px;line-height:1.2;font-weight:500}.phg-catalog-controls{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}.phg-catalog-controls input,.phg-catalog-controls select{padding:12px 15px;background:#fffdf6;border:1px solid var(--border);border-radius:10px;color:#314632;font-size:16px}.phg-catalog-controls input{flex:1;min-width:180px}
.phg-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.phg-article-card{background:#f3f0e5;border:1px solid var(--border);border-radius:17px;overflow:hidden;display:flex;flex-direction:column}.phg-article-card[hidden]{display:none}.phg-article-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.phg-article-card>div{padding:21px;display:flex;flex-direction:column;flex:1}.phg-article-card h2{font:500 24px/1.3 Georgia,serif;margin:12px 0}.phg-article-card p{font-size:14px;line-height:1.7}.phg-article-card a{margin-top:auto;padding-top:10px;font-weight:bold;font-size:13px;text-decoration:none}
.phg-confetti{position:fixed;pointer-events:none;width:7px;height:12px;z-index:10000;animation:phg-celebrate 1.15s ease-out forwards}@keyframes phg-celebrate{to{transform:translate(var(--drift),220px) rotate(540deg);opacity:0}}
body.ie-reader[data-comfort-shade=off] :is(.phg-summary,.phg-learning,.phg-quiz,.phg-activity,.phg-related a,.phg-video,.phg-article-card,.phg-chart){background:#304034;border-color:#6f8066;color:#f1efe5}body.ie-reader .phg-article-content{max-width:var(--comfort-width,760px);font-family:var(--comfort-font,Georgia,serif)}body.ie-reader .phg-article-content p{font-size:calc(17px * var(--comfort-size,1));line-height:var(--comfort-leading,1.85)}
@media(max-width:900px){.phg-article-layout{grid-template-columns:minmax(0,760px)}.phg-article-aside{position:static;border:1px solid var(--border);border-radius:12px;padding:18px;grid-row:1}.phg-article-aside nav{display:flex;gap:6px 16px;flex-wrap:wrap}.phg-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phg-article-shell{padding-top:28px}}
@media(max-width:600px){.phg-catalog-grid,.phg-catalog-feature,.phg-vocabulary{grid-template-columns:1fr}.phg-catalog-feature img{min-height:0;max-height:250px}.phg-catalog-feature>div{padding:18px}.phg-catalog-feature h2{font-size:29px}.phg-article-shell{padding-inline:18px}.phg-article-dek{font-size:18px}.phg-summary,.phg-learning,.phg-quiz,.phg-activity{padding:20px}.phg-related>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.phg-confetti{animation:none;display:none}}
.phg-chart text{fill:currentColor}body.ie-reader[data-comfort-shade=off] .phg-article-shell a{color:#c0d5ac}body.ie-reader[data-comfort-shade=off] .phg-vocabulary>div{background:#253029}
