:root{color-scheme:light;--ink: #172029;--ink-soft: #25313c;--muted: #667584;--line: rgba(83, 101, 116, .18);--line-strong: rgba(23, 32, 41, .16);--paper: #f5f7f8;--panel: rgba(255, 255, 255, .88);--panel-solid: #ffffff;--accent: #8f2338;--accent-2: #0d6f7e;--accent-3: #b3832d;--accent-soft: rgba(143, 35, 56, .1);--teal-soft: rgba(13, 111, 126, .1);--gold-soft: rgba(179, 131, 45, .12);--shadow: 0 20px 55px rgba(25, 39, 52, .1);--shadow-soft: 0 12px 34px rgba(25, 39, 52, .07);--radius: 8px;--container: 1180px;font-family:Inter,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--paper);scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--ink);background:linear-gradient(90deg,#f5f7f8f5,#f5f7f8e0 38%,#f5f7f8b8 64%,#f5f7f8f5),linear-gradient(180deg,#f5f7f82e,#f5f7f8fa 720px),url(/assets/legal-research-atmosphere.jpg) top center / min(100vw,1800px) auto no-repeat,repeating-linear-gradient(90deg,rgba(13,111,126,.045) 0 1px,transparent 1px 48px),repeating-linear-gradient(180deg,rgba(143,35,56,.035) 0 1px,transparent 1px 48px),var(--paper);line-height:1.68;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid rgba(13,111,126,.26);outline-offset:3px}p{margin:0}strong{color:var(--ink)}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(18px,4vw,56px);border-bottom:1px solid rgba(255,255,255,.72);background:#f8fafad1;box-shadow:0 1px #1720290f,0 18px 42px #17202912;backdrop-filter:blur(22px) saturate(145%)}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff24,#fff0),linear-gradient(135deg,#151d26,#0b4f5b 58%,#8f2338);box-shadow:0 12px 26px #0f1f2933;color:#fff;font-weight:800;letter-spacing:.04em}.brand strong,.brand small{display:block}.brand strong{color:var(--ink);font-size:16px;line-height:1.2}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.main-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.main-nav a{border:1px solid transparent;border-radius:999px;padding:8px 12px;color:#556574;font-size:15px;line-height:1.2;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.main-nav a:hover{border-color:#0d6f7e29;background:#ffffffb8;color:var(--ink);transform:translateY(-1px)}.main-nav a.active{border-color:#17202914;background:var(--ink);box-shadow:0 10px 24px #17202929;color:#fff}.container,.hero,.page-header{width:min(var(--container),calc(100% - 36px));margin:0 auto}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:clamp(28px,5vw,68px);align-items:center;min-height:min(720px,calc(100svh - 118px));padding:clamp(46px,8vw,82px) 0 38px}.hero:after{content:"";position:absolute;right:min(4vw,36px);bottom:22px;width:min(420px,34vw);height:1px;background:linear-gradient(90deg,transparent,rgba(13,111,126,.38),rgba(179,131,45,.32),transparent)}.eyebrow{margin-bottom:14px;color:var(--accent);font-size:13px;font-weight:850;letter-spacing:0;text-transform:none}h1,h2,h3{margin:0;color:var(--ink);line-height:1.16;letter-spacing:0}h1{max-width:880px;font-size:clamp(42px,6.7vw,78px);font-weight:850}h2{font-size:clamp(25px,3.8vw,40px);font-weight:800}h3{font-size:21px;font-weight:800}.hero-copy{margin-top:24px;max-width:720px;color:#33414d;font-size:clamp(17px,2.1vw,21px);line-height:1.75}.site-notice{color:var(--muted);font-size:14px}.hero-notice{max-width:760px;margin-top:18px}.hero-actions,.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.action-row.compact{margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid rgba(23,32,41,.92);border-radius:var(--radius);padding:10px 16px;background:linear-gradient(135deg,#ffffff14,#fff0),var(--ink);box-shadow:0 14px 30px #17202926;color:#fff;font-weight:780;line-height:1.2;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.button:hover{border-color:#0d6f7ead;box-shadow:0 16px 34px #0d6f7e2e;transform:translateY(-1px)}.button.secondary{border-color:#17202924;background:#ffffffc7;box-shadow:0 10px 24px #17202912;color:var(--ink)}.button.secondary:hover{border-color:#8f233842;background:#fff;color:var(--accent)}.method-board{position:relative;display:grid;gap:14px;overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:var(--radius);padding:18px;background:linear-gradient(180deg,#ffffffe6,#ffffffb8),#ffffffc7;box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(125%)}.method-board:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent-2),var(--accent-3),var(--accent))}.method-node{position:relative;border:1px solid rgba(83,101,116,.14);border-left:5px solid var(--accent-2);border-radius:var(--radius);padding:16px;background:linear-gradient(135deg,rgba(13,111,126,.055),transparent 48%),var(--panel-solid);box-shadow:0 10px 26px #1720290f}.method-node:nth-child(2){border-left-color:var(--accent);background:linear-gradient(135deg,rgba(143,35,56,.055),transparent 48%),var(--panel-solid)}.method-node:nth-child(3){border-left-color:var(--accent-3);background:linear-gradient(135deg,rgba(179,131,45,.07),transparent 48%),var(--panel-solid)}.method-node strong{display:block;margin-bottom:4px}.section{position:relative;padding:clamp(42px,6vw,62px) 0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.section-header p{max-width:660px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card,.info-card,.resource-item,.example-card,.exercise-card,.citation-card{position:relative;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius);padding:20px;background:linear-gradient(180deg,#ffffffeb,#fffc),var(--panel);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px) saturate(118%);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.topic-card:before,.info-card:before,.resource-item:before,.example-card:before,.exercise-card:before,.citation-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #1720290b}.topic-card:hover,.resource-item:hover,.example-card:hover,.exercise-card:hover,.citation-card:hover{border-color:#0d6f7e38;box-shadow:0 22px 48px #1720291f;transform:translateY(-2px)}.topic-card{display:flex;min-height:245px;flex-direction:column}.topic-card.compact{min-height:205px}.topic-card h3,.resource-item h3,.example-card h3,.exercise-card h3,.citation-card h3{margin:10px 0}.resource-item h3 a,.example-card h3 a,.citation-card h3 a,.side-card a{color:var(--accent-2);text-decoration:underline;text-decoration-color:#0d6f7e2e;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .18s ease,text-decoration-color .18s ease}.resource-item h3 a:hover,.example-card h3 a:hover,.citation-card h3 a:hover,.side-card a:hover{color:var(--accent);text-decoration-color:#8f23384d}.topic-card p,.info-card p,.resource-item p,.example-card p,.exercise-card p,.citation-card p{color:#3b4854}.citation-card h4{margin:18px 0 8px;color:var(--ink);font-size:15px}.citation-card ul{margin:8px 0 0;padding-left:20px}.citation-examples{display:grid;gap:8px}.citation-examples code{display:block;overflow-wrap:anywhere;border:1px solid rgba(83,101,116,.18);border-radius:var(--radius);padding:10px 12px;background:linear-gradient(90deg,rgba(13,111,126,.065),transparent 46%),#f8fafb;color:#26323b;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:14px;line-height:1.58;white-space:normal}.topic-number,.resource-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--accent);font-size:13px;font-weight:850}.resource-meta span{display:inline-flex;align-items:center;min-height:22px;border:1px solid rgba(143,35,56,.13);border-radius:999px;padding:2px 8px;background:#8f23380e}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}.tag-row span{border:1px solid rgba(83,101,116,.16);border-radius:999px;padding:4px 9px;background:#ffffffb3;color:#44515d;font-size:12px;line-height:1.25}.page-header{position:relative;padding:clamp(46px,7vw,74px) 0 30px}.page-header:after{content:"";display:block;width:min(560px,72vw);height:1px;margin-top:28px;background:linear-gradient(90deg,var(--accent),var(--accent-2),transparent)}.page-header p{max-width:850px;margin-top:16px;color:#3b4854;font-size:19px}.content-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(280px,.22fr);gap:28px;align-items:start}.article-stack{display:grid;gap:18px}.article-section{border-top:1px solid var(--line);padding:28px 0;background:transparent}.article-section:first-child{border-top:0;padding-top:0}.article-section h2{margin-bottom:14px;font-size:27px}.article-section p+p{margin-top:12px}.article-section ul,.article-section ol{margin:10px 0 0;padding-left:22px}.article-section li{margin:6px 0}.sidebar{position:sticky;top:92px;display:grid;gap:14px}.side-card{border:1px solid rgba(255,255,255,.74);border-radius:var(--radius);padding:18px;background:#ffffffd1;box-shadow:var(--shadow-soft);backdrop-filter:blur(12px) saturate(118%)}.side-card h3{margin-bottom:10px;font-size:18px}.side-card a{display:block;font-weight:760}.side-card a+a{margin-top:8px}.resource-list{display:grid;gap:16px}.byline,.citation{color:var(--muted);font-size:14px}.citation{margin-top:8px}.sample-paper-matrix{margin-bottom:22px}.attachment-grid{margin-top:22px}.attachment-card{display:flex;flex-direction:column}.attachment-card ul{margin-bottom:0}.matrix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.citation-matrix{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.matrix div{min-height:112px;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius);padding:15px;background:linear-gradient(150deg,#ffffffeb,#ffffffb8),#ffffffd6;box-shadow:var(--shadow-soft);backdrop-filter:blur(10px) saturate(118%)}.matrix strong{display:block;margin-bottom:8px;color:var(--accent-2);font-size:17px}.matrix p{color:#3e4b57}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding-left:22px}.check-list li{border-bottom:1px solid var(--line);padding:0 0 10px 4px}.timeline{display:grid;gap:12px;counter-reset:step}.timeline div{position:relative;border:1px solid rgba(255,255,255,.72);border-left:4px solid var(--accent);border-radius:var(--radius);padding:16px 16px 16px 20px;background:linear-gradient(120deg,rgba(143,35,56,.06),transparent 42%),#ffffffdb;box-shadow:var(--shadow-soft)}.timeline div:before{counter-increment:step;content:counter(step);display:inline-grid;width:28px;height:28px;margin-right:8px;place-items:center;border-radius:50%;background:var(--accent);box-shadow:0 10px 20px #8f23382e;color:#fff;font-weight:850}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:54px;padding:30px clamp(18px,4vw,56px);border-top:1px solid rgba(255,255,255,.72);background:linear-gradient(90deg,#172029f5,#0d444ef0),var(--ink);color:#fff}.site-footer strong{color:#fff}.site-footer p{color:#ffffffb8}.footer-notice{max-width:760px;margin-top:6px}.site-footer a{color:#fff;font-weight:800}@media(max-width:920px){.site-header{align-items:flex-start;flex-direction:column}.main-nav{justify-content:flex-start}.hero,.content-layout{grid-template-columns:1fr}.hero{min-height:auto;padding-top:42px}.hero:after{display:none}.grid,.grid.two,.matrix,.check-list{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:560px){body{background-size:auto,auto,900px auto,38px 38px,38px 38px,auto;background-position:top,top,top right -240px,top,top,top}.container,.hero,.page-header{width:min(100% - 24px,var(--container))}.site-header{gap:12px;padding:12px}.brand{min-width:0}.brand strong{font-size:15px}.brand-mark{width:38px;height:38px}.main-nav a{padding:7px 10px;font-size:14px}h1{font-size:clamp(38px,13vw,54px)}h2{font-size:clamp(24px,8vw,32px)}.hero-actions,.action-row{align-items:stretch;flex-direction:column}.button{width:100%}.topic-card,.info-card,.resource-item,.example-card,.exercise-card,.citation-card{padding:16px}.topic-card,.topic-card.compact{min-height:0}.page-header p{font-size:17px}.site-footer{align-items:flex-start;flex-direction:column}}