:root{--ink:#152b35;--muted:#64777d;--line:#dce3e3;--accent:#007e79;--paper:#f8faf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 system-ui,-apple-system,'Noto Sans',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e39b3f;outline-offset:4px}.notice{background:#153b43;color:#aee2d4;padding:7px max(5%,calc((100vw - 1220px)/2));font-size:10px;letter-spacing:2px}.notice span{letter-spacing:0;margin-left:18px;color:#e0efec}header,main,footer{max-width:1220px;margin:auto}header{padding:22px 0 0}.brandrow{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px}.brand{font-size:36px;font-weight:900;letter-spacing:-2px;line-height:1.1}.brand span{color:var(--accent)}.brand b{display:block;font-size:8px;letter-spacing:2.4px;margin-top:8px}.brandrow p{margin-right:auto;margin-left:35px;font-size:12px;color:var(--muted)}.searchlink{border:1px solid var(--line);padding:8px 20px;border-radius:30px;font-size:13px}nav{display:flex;gap:28px;border-top:1px solid var(--line);border-bottom:2px solid var(--ink);padding:13px 0;font-size:12px;font-weight:650;overflow-x:auto;white-space:nowrap}nav a:first-child{color:var(--accent)}main{padding:30px 0 65px;min-height:65vh}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.sectionhead h1,.sectionhead h2{font-size:21px;margin:0}.sectionhead h1 span,.sectionhead h2 span{font-size:10px;letter-spacing:1.5px;margin-left:15px;color:var(--muted);font-weight:500}.sectionhead>span{font-size:11px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;margin-bottom:50px}.card{display:block;background:white;border:1px solid var(--line);overflow:hidden}.cardbody{padding:20px}.card h3{font-size:19px;line-height:1.6;margin:7px 0 10px}.cardbody>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0 0 12px}.eyebrow{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:1px;margin:0}.eyebrow span{color:var(--muted);font-weight:400}.card small{font-size:10px;color:var(--muted)}.art{height:170px;background:#163e47;position:relative;overflow:hidden;display:grid;place-items:center;color:#c2efdf}.art span{z-index:1;font-size:33px;letter-spacing:9px;font-weight:200}.art:before,.art:after{content:'';position:absolute;border:1px solid #9ad6ca66;border-radius:50%;width:240px;height:240px;transform:rotate(-30deg) scaleY(.45)}.art:after{transform:rotate(35deg) scaleY(.6);width:330px;height:330px}.art i{position:absolute;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#bcf6d6,#357d7c 50%,#153c46 75%);box-shadow:0 0 80px #7ccca75c}.art1{background:#151f38;color:#b7cae4}.art1 i{background:radial-gradient(circle at 25% 15%,#dce3da,#8d9398 40%,#2b354e 70%)}.art2{background:#765a42;color:#f3e4c6}.art3{background:#2d3544;color:#bcc4c9}.art4{background:#dce3d6;color:#50685b}.art4 i{background:radial-gradient(circle at 30% 25%,#fff8d5,#9cae8b 55%,#788c77)}.art5{background:#607d88;color:#e3f1ee}.large .art{height:285px}.large .art span{font-size:80px;letter-spacing:18px}.large .art i{width:180px;height:180px}.large h3{font-size:29px}.large .cardbody{padding:25px 30px}.hero-side{display:grid;gap:20px}.hero-side .card{display:grid;grid-template-columns:37% 1fr}.hero-side .art{height:100%;min-height:195px}.hero-side .art span{font-size:14px;letter-spacing:2px}.hero-side h3{font-size:17px}.hero-side .cardbody>p:not(.eyebrow){display:none}.columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:44px}.feed{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feed .art{height:150px}aside h2{font-size:18px;border-bottom:2px solid var(--ink);padding-bottom:12px;margin:0}aside em{display:block;font-size:9px;font-style:normal;color:var(--muted);letter-spacing:1.5px}.muted{color:var(--muted);font-size:11px}.ranking{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:16px 0;font-size:13px;line-height:1.6}.ranking b{font:italic 28px Georgia;color:var(--accent)}.ad{margin-top:30px;background:#edf1ed;border:1px dashed #bdc9c3;min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;letter-spacing:2px;color:#7d8d84}.ad small{font-size:11px;letter-spacing:0;text-align:center;margin-top:16px}.editor{background:#163c43;color:#e9f5ee;padding:24px;margin-top:24px}.editor b{font-size:19px}.editor p,.editor a{font-size:12px}.editor a{color:#8edac3}.categorygrid,.related{display:grid;grid-template-columns:1fr 1fr;gap:25px}.article{max-width:800px}.article h1{font-size:35px;line-height:1.6;margin:12px 0 20px}.intro{font-size:17px;color:var(--muted)}.article h2{font-size:21px;margin-top:36px}.article>p{line-height:2.1}.article li a{color:var(--accent);text-decoration:underline}.sample{padding:18px;border-left:3px solid var(--accent);background:#e9f0e9;font-size:12px;margin:24px 0}.searchbox{display:flex;margin:8px 0 20px;max-width:750px}input,select,button{font:inherit;padding:12px;border:1px solid var(--line);background:white;color:var(--ink)}input{flex:1;min-width:0}button{background:var(--accent);color:white;cursor:pointer;padding:10px 30px}label{display:block;font-size:12px}select{margin-top:8px;width:100%;max-width:350px}.searchresult{display:block;padding:22px 0;border-bottom:1px solid var(--line)}.searchresult h2{font-size:21px;margin:6px 0}.searchresult small{color:var(--accent)}.searchresult p{color:var(--muted)}footer{border-top:2px solid var(--ink);padding:35px 0 25px}footer .brand{font-size:28px}footer p,footer>a:not(.brand),footer small{font-size:11px}footer small{display:block;color:var(--muted);margin-top:25px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:10;padding:10px}@media(max-width:1280px){header,main,footer{margin-left:5%;margin-right:5%}}@media(max-width:800px){.brandrow p{display:none}.hero{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr}.hero-side .card{display:block}.hero-side .art{height:130px;min-height:0}.columns{grid-template-columns:1fr}.sectionhead>span{display:none}aside{margin-top:20px}.large .art{height:240px}.large h3{font-size:25px}.article h1{font-size:28px}}@media(max-width:480px){.notice{font-size:8px;letter-spacing:1px}.notice span{margin-left:10px;font-size:9px}.brand{font-size:30px}.searchlink{padding:6px 12px}.searchlink span{font-size:11px}nav{gap:22px}.sectionhead h1 span,.sectionhead h2 span{display:block;margin:2px 0 0}.hero-side{gap:12px}.hero-side h3{font-size:14px}.hero-side .cardbody{padding:13px}.hero-side .eyebrow{font-size:9px}.feed{grid-template-columns:1fr}.feed .card{display:grid;grid-template-columns:110px 1fr}.feed .art{height:100%;min-height:160px}.feed .art span{font-size:12px;letter-spacing:1px}.feed .cardbody{padding:15px}.feed h3{font-size:16px}.feed .cardbody>p:not(.eyebrow){display:none}.categorygrid,.related{grid-template-columns:1fr}.large .cardbody{padding:20px}.large h3{font-size:23px}.article h1{font-size:25px}}
/* Responsive refinement: preserve the original palette and editorial layout. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-wrap:anywhere}img,svg,video{max-width:100%;height:auto}.card,.cardbody,.columns>*,.hero>*,.hero-side>*{min-width:0}a,button,input,select{-webkit-tap-highlight-color:#007e7926;touch-action:manipulation}nav{flex-wrap:wrap;overflow:visible;gap:4px 16px}nav a{display:flex;align-items:center;min-height:44px;padding:6px 3px;white-space:normal}.searchlink{display:flex;align-items:center;justify-content:center;min-height:44px}.searchbox input,button,select{min-height:48px;font-size:16px}.article li a,footer>a:not(.brand){display:inline-block;min-height:44px;padding:8px 0}.searchresult{min-height:64px}.brand{display:inline-block;min-height:44px}.searchlink span{white-space:nowrap}.article p,.article li{overflow-wrap:anywhere}.art span{max-width:100%}
@media(max-width:800px){.hero-side,.feed,.categorygrid,.related{grid-template-columns:minmax(0,1fr)}.hero-side .card{display:grid;grid-template-columns:35% minmax(0,1fr)}.hero-side .art{height:100%;min-height:170px}.feed .card{display:grid;grid-template-columns:30% minmax(0,1fr)}.feed .art{height:100%;min-height:170px}.hero-side .art span,.feed .art span{font-size:13px;letter-spacing:1px}.cardbody>p:not(.eyebrow){font-size:14px}}
@media(max-width:480px){header,main,footer{margin-left:16px;margin-right:16px}.notice{padding:8px 16px;letter-spacing:.6px;line-height:1.6}.notice span{display:block;margin-left:0;font-size:11px}.brandrow{gap:12px}.brand{font-size:30px;flex-shrink:0}.searchlink{padding:8px 14px}.searchlink span{font-size:12px}nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;padding:10px 0;font-size:12px}nav a{padding:7px 8px;background:#edf2ed;border-radius:3px;line-height:1.6}nav a:first-child{grid-column:1/-1;background:transparent}.hero{gap:20px;margin-bottom:32px}.hero-side .card,.feed .card{display:block}.hero-side .art,.feed .art{height:155px;min-height:0}.hero-side .art span,.feed .art span{font-size:27px;letter-spacing:4px}.hero-side h3,.feed h3,.card h3{font-size:20px;line-height:1.6}.hero-side .cardbody,.feed .cardbody,.cardbody{padding:20px}.hero-side .cardbody>p:not(.eyebrow),.feed .cardbody>p:not(.eyebrow){display:block;font-size:14px}.hero-side .eyebrow,.eyebrow{font-size:11px;letter-spacing:.4px}.card small{font-size:11px}.large h3{font-size:24px}.large .art{height:215px}.large .art span{font-size:58px;letter-spacing:12px}.article h1{font-size:26px}.intro{font-size:16px}.article>p{font-size:16px}.article .muted{font-size:12px}.searchbox button{padding:10px 18px;flex-shrink:0}.searchresult h2{font-size:20px}h1{font-size:27px;line-height:1.5}}