:root{--ink:#292630;--muted:#746E7B;--bg:#F8F5F9;--panel:#EEE8F1;--purple:#7A4FA3;--rose:#C48A9A;--deep:#211C29;--gold:#D89A3D;--white:#fff;--radius:22px;--shadow:0 18px 45px rgba(33,28,41,.09);--shell:min(1180px,calc(100% - 40px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.7}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;background:rgba(248,245,249,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(122,79,163,.12)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--deep);color:white;font-weight:800}.brand strong{font-size:1.08rem}.brand small{display:block;color:var(--muted);font-size:.75rem}.primary-nav{display:flex;gap:8px}.primary-nav a{padding:9px 13px;border-radius:999px;color:#4d4653}.primary-nav a:hover,.primary-nav a:focus-visible{background:var(--panel);color:var(--deep)}.menu-button{display:none;border:0;border-radius:10px;padding:9px 12px;background:var(--deep);color:#fff}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;padding-block:72px 46px}.hero-copy h1,.page-intro h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.045em;margin:.2em 0}.hero-copy p,.page-intro p{font-size:1.08rem;color:var(--muted);max-width:760px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.76rem;color:var(--purple)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-weight:800}.button.primary{background:var(--gold);color:#241a0c}.button.ghost{background:var(--panel);color:var(--deep)}.hero-visual{margin:0;position:relative}.hero-visual img{aspect-ratio:4/5;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}.hero-visual figcaption{position:absolute;left:18px;bottom:18px;background:rgba(33,28,41,.86);color:#fff;padding:9px 12px;border-radius:999px;font-size:.82rem}.section{padding-block:52px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.section-head h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.1;margin:.2em 0}.section-head p{max-width:470px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.work-card a{display:block;height:100%}.work-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.work-card-large{grid-column:span 2;grid-row:span 2}.work-card-large img{aspect-ratio:16/9}.card-body{padding:18px}.card-body span,.content-rows article>div>span,.film-list article div>span{font-size:.77rem;color:var(--purple);font-weight:800}.card-body h3{margin:.25em 0;font-size:1.3rem}.card-body p{margin:0;color:var(--muted)}.dark-band{background:var(--deep);color:#f7f2f9;padding-block:68px;margin-block:32px}.section-head.light p,.section-head.light a{color:#c9bfce}.dense-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden}.dense-list a{padding:18px;background:rgba(255,255,255,.035)}.dense-list a:hover{background:rgba(255,255,255,.08)}.dense-list span{display:block;color:#c7becb;font-size:.9rem;margin-top:4px}.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start}.split>div:first-child{position:sticky;top:110px}.text-link{font-weight:800;color:var(--purple)}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mini-grid a{background:#fff;padding:12px;border-radius:18px}.mini-grid img{border-radius:12px;aspect-ratio:16/9;object-fit:cover;margin-bottom:10px}.mini-grid strong,.mini-grid span{display:block}.mini-grid span{color:var(--muted);font-size:.88rem}.compact-index{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.compact-index h2{margin:.2em 0}.index-links{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.index-links a,.filter-nav a{padding:10px 13px;border-radius:999px;background:var(--panel)}.site-footer{background:#eae3ed;margin-top:70px;padding-top:46px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:34px}.footer-grid p{max-width:520px;color:var(--muted)}.footer-grid nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.footer-grid nav a{padding:8px 10px}.copyright{padding:18px 0;border-top:1px solid rgba(33,28,41,.1);color:var(--muted);font-size:.85rem}.page-main{padding-top:58px}.page-intro{max-width:980px;padding-bottom:34px}.page-intro.cinematic{max-width:860px}.filter-nav{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 28px}.category-section{border-top:1px solid rgba(33,28,41,.12)}.content-rows{display:grid;gap:12px}.content-rows article{display:grid;grid-template-columns:220px 1fr;gap:20px;background:#fff;border-radius:18px;padding:12px}.row-image img{width:100%;height:100%;min-height:145px;object-fit:cover;border-radius:12px}.content-rows h3{margin:.15em 0;font-size:1.45rem}.content-rows p{margin:.35em 0}.muted{color:var(--muted)}.callout{background:var(--panel);padding-inline:28px;border-radius:24px}.film-lead{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;background:var(--deep);color:#fff;border-radius:28px;padding:20px}.film-lead img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px}.film-lead p{color:#c8bdca}.film-list{display:grid;gap:1px;background:rgba(33,28,41,.12)}.film-list article{display:grid;grid-template-columns:70px 1fr 240px;gap:24px;align-items:center;background:var(--bg);padding:20px 0}.film-list img{aspect-ratio:16/10;object-fit:cover;border-radius:14px}.film-no{font-size:2rem;font-weight:900;color:#b9abbf}.film-list h3{font-size:1.6rem;margin:.15em 0}.film-list p{color:var(--muted);margin:0}.split-note{display:flex;justify-content:space-between;gap:30px;align-items:end}.split-note>div{max-width:760px}.learning-block{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:42px 0;border-top:1px solid rgba(33,28,41,.12)}.learning-block.reverse>div{order:2}.learning-block.reverse img{order:1}.learning-block img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px}.learning-block h2{font-size:2.2rem;margin:.2em 0}.learning-block div>span{font-size:3rem;font-weight:900;color:#d5c8da}.cards-small{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards-small a{background:#fff;padding:18px;border-radius:16px}.cards-small strong,.cards-small span{display:block}.cards-small span{color:var(--muted);margin-top:6px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.about-grid article{background:#fff;border-radius:20px;padding:24px}.about-grid h2{margin-top:0}.about-grid p,.about-long p{color:var(--muted)}.detail-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;padding-top:34px}.breadcrumbs{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.detail-article header h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.02;margin:.15em 0}.lead{font-size:1.15rem;color:var(--muted)}.detail-article figure{margin:28px 0}.detail-article figure img{width:100%;max-height:680px;object-fit:cover;border-radius:28px}.detail-article figcaption{color:var(--muted);font-size:.84rem;padding-top:8px}.detail-article section{max-width:780px;margin:34px 0}.detail-article section h2{font-size:1.8rem}.related{position:sticky;top:110px;align-self:start;background:var(--panel);padding:20px;border-radius:20px}.related h2{margin-top:0;font-size:1.2rem}.related>a{display:block;padding:12px 0;border-top:1px solid rgba(33,28,41,.1)}.related strong,.related span{display:block}.related span{font-size:.84rem;color:var(--muted);margin-top:4px}.not-found{padding-block:100px;max-width:850px}.not-found h1{font-size:clamp(2.6rem,7vw,5.6rem);margin:.1em 0}.not-found p{font-size:1.1rem;color:var(--muted);max-width:700px}
@media(max-width:900px){.menu-button{display:block}.primary-nav{display:none;position:absolute;left:20px;right:20px;top:68px;background:#fff;border-radius:18px;padding:10px;box-shadow:var(--shadow);flex-direction:column}.primary-nav.is-open{display:flex}.hero,.split,.compact-index,.film-lead,.learning-block,.detail-main{grid-template-columns:1fr}.hero{padding-top:44px}.hero-visual img{aspect-ratio:16/10}.feature-grid{grid-template-columns:repeat(2,1fr)}.work-card-large{grid-column:span 2;grid-row:auto}.split>div:first-child,.related{position:static}.detail-main{gap:22px}.related{margin-top:0}.learning-block.reverse>div,.learning-block.reverse img{order:initial}.film-list article{grid-template-columns:56px 1fr 180px}}
@media(max-width:640px){:root{--shell:min(100% - 24px,1180px)}.header-inner{min-height:68px}.brand small{display:none}.hero{gap:24px;padding-bottom:28px}.hero-copy h1,.page-intro h1{font-size:2.55rem}.feature-grid{grid-template-columns:1fr}.work-card-large{grid-column:auto}.dense-list{grid-template-columns:1fr}.section-head,.split-note{display:block}.section-head p{margin-top:10px}.content-rows article{grid-template-columns:1fr}.row-image img{aspect-ratio:16/9;min-height:0}.film-list article{grid-template-columns:40px 1fr}.film-list article img{grid-column:2}.cards-small,.about-grid,.footer-grid{grid-template-columns:1fr}.footer-grid nav{justify-content:flex-start}.mini-grid{grid-template-columns:1fr}.compact-index{gap:20px}.learning-block h2{font-size:1.8rem}.section{padding-block:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.stack-1{margin-top:1px}.pad-1{padding:1px}.measure-1{max-width:484px}
.stack-2{margin-top:2px}.pad-2{padding:2px}.measure-2{max-width:488px}
.stack-3{margin-top:3px}.pad-3{padding:3px}.measure-3{max-width:492px}
.stack-4{margin-top:4px}.pad-4{padding:4px}.measure-4{max-width:496px}
.stack-5{margin-top:5px}.pad-5{padding:5px}.measure-5{max-width:500px}
.stack-6{margin-top:6px}.pad-6{padding:6px}.measure-6{max-width:504px}
.stack-7{margin-top:7px}.pad-7{padding:7px}.measure-7{max-width:508px}
.stack-8{margin-top:8px}.pad-8{padding:8px}.measure-8{max-width:512px}
.stack-9{margin-top:9px}.pad-9{padding:9px}.measure-9{max-width:516px}
.stack-10{margin-top:10px}.pad-10{padding:10px}.measure-10{max-width:520px}
.stack-11{margin-top:11px}.pad-11{padding:11px}.measure-11{max-width:524px}
.stack-12{margin-top:12px}.pad-12{padding:12px}.measure-12{max-width:528px}
.stack-13{margin-top:13px}.pad-13{padding:13px}.measure-13{max-width:532px}
.stack-14{margin-top:14px}.pad-14{padding:14px}.measure-14{max-width:536px}
.stack-15{margin-top:15px}.pad-15{padding:15px}.measure-15{max-width:540px}
.stack-16{margin-top:16px}.pad-16{padding:16px}.measure-16{max-width:544px}
.stack-17{margin-top:17px}.pad-17{padding:17px}.measure-17{max-width:548px}
.stack-18{margin-top:18px}.pad-18{padding:18px}.measure-18{max-width:552px}
.stack-19{margin-top:19px}.pad-19{padding:19px}.measure-19{max-width:556px}
.stack-20{margin-top:20px}.pad-20{padding:20px}.measure-20{max-width:560px}
.stack-21{margin-top:21px}.pad-21{padding:21px}.measure-21{max-width:564px}
.stack-22{margin-top:22px}.pad-22{padding:22px}.measure-22{max-width:568px}
.stack-23{margin-top:23px}.pad-23{padding:23px}.measure-23{max-width:572px}
.stack-24{margin-top:24px}.pad-24{padding:24px}.measure-24{max-width:576px}
.stack-25{margin-top:25px}.pad-25{padding:25px}.measure-25{max-width:580px}
.stack-26{margin-top:26px}.pad-26{padding:26px}.measure-26{max-width:584px}
.stack-27{margin-top:27px}.pad-27{padding:27px}.measure-27{max-width:588px}
.stack-28{margin-top:28px}.pad-28{padding:28px}.measure-28{max-width:592px}
.stack-29{margin-top:29px}.pad-29{padding:29px}.measure-29{max-width:596px}
.stack-30{margin-top:30px}.pad-30{padding:30px}.measure-30{max-width:600px}
.stack-31{margin-top:31px}.pad-31{padding:31px}.measure-31{max-width:604px}
.stack-32{margin-top:32px}.pad-32{padding:32px}.measure-32{max-width:608px}
.stack-33{margin-top:33px}.pad-33{padding:32px}.measure-33{max-width:612px}
.stack-34{margin-top:34px}.pad-34{padding:32px}.measure-34{max-width:616px}
.stack-35{margin-top:35px}.pad-35{padding:32px}.measure-35{max-width:620px}
.stack-36{margin-top:36px}.pad-36{padding:32px}.measure-36{max-width:624px}
.stack-37{margin-top:37px}.pad-37{padding:32px}.measure-37{max-width:628px}
.stack-38{margin-top:38px}.pad-38{padding:32px}.measure-38{max-width:632px}
.stack-39{margin-top:39px}.pad-39{padding:32px}.measure-39{max-width:636px}
.stack-40{margin-top:40px}.pad-40{padding:32px}.measure-40{max-width:640px}
.stack-41{margin-top:41px}.pad-41{padding:32px}.measure-41{max-width:644px}
.stack-42{margin-top:42px}.pad-42{padding:32px}.measure-42{max-width:648px}
.stack-43{margin-top:43px}.pad-43{padding:32px}.measure-43{max-width:652px}
.stack-44{margin-top:44px}.pad-44{padding:32px}.measure-44{max-width:656px}
.stack-45{margin-top:45px}.pad-45{padding:32px}.measure-45{max-width:660px}
.stack-46{margin-top:46px}.pad-46{padding:32px}.measure-46{max-width:664px}
.stack-47{margin-top:47px}.pad-47{padding:32px}.measure-47{max-width:668px}
.stack-48{margin-top:48px}.pad-48{padding:32px}.measure-48{max-width:672px}
.stack-49{margin-top:48px}.pad-49{padding:32px}.measure-49{max-width:676px}
.stack-50{margin-top:48px}.pad-50{padding:32px}.measure-50{max-width:680px}
.stack-51{margin-top:48px}.pad-51{padding:32px}.measure-51{max-width:684px}
.stack-52{margin-top:48px}.pad-52{padding:32px}.measure-52{max-width:688px}
.stack-53{margin-top:48px}.pad-53{padding:32px}.measure-53{max-width:692px}
.stack-54{margin-top:48px}.pad-54{padding:32px}.measure-54{max-width:696px}
.stack-55{margin-top:48px}.pad-55{padding:32px}.measure-55{max-width:700px}
.stack-56{margin-top:48px}.pad-56{padding:32px}.measure-56{max-width:704px}
.stack-57{margin-top:48px}.pad-57{padding:32px}.measure-57{max-width:708px}
.stack-58{margin-top:48px}.pad-58{padding:32px}.measure-58{max-width:712px}
.stack-59{margin-top:48px}.pad-59{padding:32px}.measure-59{max-width:716px}
.stack-60{margin-top:48px}.pad-60{padding:32px}.measure-60{max-width:720px}
.stack-61{margin-top:48px}.pad-61{padding:32px}.measure-61{max-width:724px}
.stack-62{margin-top:48px}.pad-62{padding:32px}.measure-62{max-width:728px}
.stack-63{margin-top:48px}.pad-63{padding:32px}.measure-63{max-width:732px}
.stack-64{margin-top:48px}.pad-64{padding:32px}.measure-64{max-width:736px}
.stack-65{margin-top:48px}.pad-65{padding:32px}.measure-65{max-width:740px}
.stack-66{margin-top:48px}.pad-66{padding:32px}.measure-66{max-width:744px}
.stack-67{margin-top:48px}.pad-67{padding:32px}.measure-67{max-width:748px}
.stack-68{margin-top:48px}.pad-68{padding:32px}.measure-68{max-width:752px}
.stack-69{margin-top:48px}.pad-69{padding:32px}.measure-69{max-width:756px}
.stack-70{margin-top:48px}.pad-70{padding:32px}.measure-70{max-width:760px}
.stack-71{margin-top:48px}.pad-71{padding:32px}.measure-71{max-width:764px}
.stack-72{margin-top:48px}.pad-72{padding:32px}.measure-72{max-width:768px}
.stack-73{margin-top:48px}.pad-73{padding:32px}.measure-73{max-width:772px}
.stack-74{margin-top:48px}.pad-74{padding:32px}.measure-74{max-width:776px}
.stack-75{margin-top:48px}.pad-75{padding:32px}.measure-75{max-width:780px}
.stack-76{margin-top:48px}.pad-76{padding:32px}.measure-76{max-width:784px}
.stack-77{margin-top:48px}.pad-77{padding:32px}.measure-77{max-width:788px}
.stack-78{margin-top:48px}.pad-78{padding:32px}.measure-78{max-width:792px}
.stack-79{margin-top:48px}.pad-79{padding:32px}.measure-79{max-width:796px}
.stack-80{margin-top:48px}.pad-80{padding:32px}.measure-80{max-width:800px}
.stack-81{margin-top:48px}.pad-81{padding:32px}.measure-81{max-width:804px}
.stack-82{margin-top:48px}.pad-82{padding:32px}.measure-82{max-width:808px}
.stack-83{margin-top:48px}.pad-83{padding:32px}.measure-83{max-width:812px}
.stack-84{margin-top:48px}.pad-84{padding:32px}.measure-84{max-width:816px}
.stack-85{margin-top:48px}.pad-85{padding:32px}.measure-85{max-width:820px}
.stack-86{margin-top:48px}.pad-86{padding:32px}.measure-86{max-width:824px}
.stack-87{margin-top:48px}.pad-87{padding:32px}.measure-87{max-width:828px}
.stack-88{margin-top:48px}.pad-88{padding:32px}.measure-88{max-width:832px}
.stack-89{margin-top:48px}.pad-89{padding:32px}.measure-89{max-width:836px}
.stack-90{margin-top:48px}.pad-90{padding:32px}.measure-90{max-width:840px}
.stack-91{margin-top:48px}.pad-91{padding:32px}.measure-91{max-width:844px}
.stack-92{margin-top:48px}.pad-92{padding:32px}.measure-92{max-width:848px}
.stack-93{margin-top:48px}.pad-93{padding:32px}.measure-93{max-width:852px}
.stack-94{margin-top:48px}.pad-94{padding:32px}.measure-94{max-width:856px}
.stack-95{margin-top:48px}.pad-95{padding:32px}.measure-95{max-width:860px}
.stack-96{margin-top:48px}.pad-96{padding:32px}.measure-96{max-width:864px}
.stack-97{margin-top:48px}.pad-97{padding:32px}.measure-97{max-width:868px}
.stack-98{margin-top:48px}.pad-98{padding:32px}.measure-98{max-width:872px}
.stack-99{margin-top:48px}.pad-99{padding:32px}.measure-99{max-width:876px}
.stack-100{margin-top:48px}.pad-100{padding:32px}.measure-100{max-width:880px}
.stack-101{margin-top:48px}.pad-101{padding:32px}.measure-101{max-width:884px}
.stack-102{margin-top:48px}.pad-102{padding:32px}.measure-102{max-width:888px}
.stack-103{margin-top:48px}.pad-103{padding:32px}.measure-103{max-width:892px}
.stack-104{margin-top:48px}.pad-104{padding:32px}.measure-104{max-width:896px}
.stack-105{margin-top:48px}.pad-105{padding:32px}.measure-105{max-width:900px}
.stack-106{margin-top:48px}.pad-106{padding:32px}.measure-106{max-width:904px}
.stack-107{margin-top:48px}.pad-107{padding:32px}.measure-107{max-width:908px}
.stack-108{margin-top:48px}.pad-108{padding:32px}.measure-108{max-width:912px}
.stack-109{margin-top:48px}.pad-109{padding:32px}.measure-109{max-width:916px}
.stack-110{margin-top:48px}.pad-110{padding:32px}.measure-110{max-width:920px}
.stack-111{margin-top:48px}.pad-111{padding:32px}.measure-111{max-width:924px}
.stack-112{margin-top:48px}.pad-112{padding:32px}.measure-112{max-width:928px}
.stack-113{margin-top:48px}.pad-113{padding:32px}.measure-113{max-width:932px}
.stack-114{margin-top:48px}.pad-114{padding:32px}.measure-114{max-width:936px}
.stack-115{margin-top:48px}.pad-115{padding:32px}.measure-115{max-width:940px}
.stack-116{margin-top:48px}.pad-116{padding:32px}.measure-116{max-width:944px}
.stack-117{margin-top:48px}.pad-117{padding:32px}.measure-117{max-width:948px}
.stack-118{margin-top:48px}.pad-118{padding:32px}.measure-118{max-width:952px}
.stack-119{margin-top:48px}.pad-119{padding:32px}.measure-119{max-width:956px}
.stack-120{margin-top:48px}.pad-120{padding:32px}.measure-120{max-width:960px}
.search-form{background:#fff;padding:24px;border-radius:20px;box-shadow:var(--shadow)}.search-form label{display:block;font-weight:800;margin-bottom:8px}.search-form div{display:flex;gap:10px}.search-form input{flex:1;min-width:0;border:1px solid #d6cbdc;border-radius:12px;padding:12px 14px;font:inherit;background:#fff;color:var(--ink)}.search-form input:focus{outline:3px solid rgba(122,79,163,.2);border-color:var(--purple)}.empty-state{background:var(--panel);padding:28px;border-radius:20px}.empty-state h2{margin-top:0}@media(max-width:520px){.search-form div{display:block}.search-form .button{width:100%;margin-top:10px}.search-form input{width:100%}}

.glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.glossary-grid article{background:#fff;border-radius:18px;padding:20px}.glossary-grid h3{margin:0 0 8px;font-size:1.15rem}.glossary-grid p{margin:0 0 12px;color:var(--muted)}@media(max-width:680px){.glossary-grid{grid-template-columns:1fr}}

.notes-grid{columns:2;column-gap:16px}.notes-grid article{break-inside:avoid;background:#fff;border-radius:18px;padding:20px;margin:0 0 16px}.notes-grid h3{margin:0 0 8px;font-size:1.08rem}.notes-grid p{margin:0;color:var(--muted)}@media(max-width:700px){.notes-grid{columns:1}}