diff --git a/css-cascade-7/Overview.bs b/css-cascade-7/Overview.bs
new file mode 100644
index 00000000000..6d4c771a5d6
--- /dev/null
+++ b/css-cascade-7/Overview.bs
@@ -0,0 +1,402 @@
+
+Title: CSS Cascading and Inheritance Level 7
+Shortname: css-cascade
+Level: 7
+Status: ED
+Prepare for TR: no
+Work Status: Revising
+Group: csswg
+ED: https://drafts.csswg.org/css-cascade-7/
+Previous Version: https://www.w3.org/TR/2021/WD-css-cascade-6-20211221/
+Editor: Elika J. Etemad / fantasai, Apple, http://fantasai.inkedblade.net/contact, w3cid 35400
+Editor: Miriam E. Suzanne, Invited Expert, http://miriamsuzanne.com/contact, w3cid 117151
+Editor: Tab Atkins Jr., Google, http://xanthir.com/contact/, w3cid 42199
+Editor: Kurt Catti-Schmidt, Microsoft, kschmi@microsoft.com, w3cid 146156
+Abstract: This CSS module describes how to collate style rules and assign values to all properties on all elements. By way of cascading and inheritance, values are propagated for all properties on all elements.
+Abstract:
+Abstract: New in this level is [[#at-ruledef-sheet]].
+Ignored Terms: auto, flex items, , , scope proximity, encapsulation context
+Informative Classes: ex
+
+
+
+spec:dom; type:dfn;
+ text:shadow tree
+ for:tree; text:root
+ text:shadow root; for:/
+spec:dom; type:dfn; text:parent element
+spec:css-color-4; type:property; text:color
+spec:css-values-3; type: value; text:ex
+spec:css-conditional-3; type:at-rule; text:@media
+spec:mediaqueries-4; type:type; for:@media; text:all
+spec:mediaqueries-4; type:type; text:
+spec:selectors-4; type:dfn; text:subject
+spec:selectors-4; type:dfn; text:selector
+spec:selectors-4; type:dfn; text:combinator
+spec:html; type:element; text:style
+spec:css-scoping-1; type:dfn; text:shadow host
+
+
+
+spec:mediaqueries-5
+spec:css-values-4
+spec:css-fonts-4
+
+
+
+Introduction and Missing Sections
+
+ Issue: This is a diff spec over CSS Cascading and Inheritance Level 6.
+ It is currently an Exploratory Working Draft:
+ if you are implementing anything, please use Level 6 as a reference.
+ We will merge the Level 6 text into this draft once it reaches CR.
+
+
+
+
+Stylesheet
+
+ A stylesheet
+ is a collection of style rules.
+
+ These collections may exist as:
+
+ - An instance of file with the CSS Style Sheet Content-Type, embedded within a document.
+
- A collection of CSS rules within a document.
+
- CSSOM Stylesheet objects.
+
- Any of the above may be subdivided into named stylesheet with the ''@sheet'' rule.
+
+
+ A sheet-name is a string identifying
+ inner named sheets within a stylesheet.
+
+ Syntactically, a stylesheet must include an explicit [=sheet-name=], and is represented
+ by the <> in ''@sheet'' and ''@import'' rules,
+ which is a single <> token:
+
+
+ <> = <>
+
+
+
+Named Stylesheets: the `@sheet` block at-rule
+
+ The ''@sheet'' [=block at-rule=]
+ assigns its style rules to a particular [=named stylesheet=].
+ This sheet-assignment syntax is:
+
+
+ @sheet <> {
+ <>
+ }
+
+
+ Such ''@sheet'' block rules have the same restrictions and processing
+ as a [=conditional group rule=] [[CSS-CONDITIONAL-3]]
+ with a false condition.
+
+Note: This means that rules within an ''@sheet'' block are not applied
+until their [=named stylesheet=] is explicitly embedded into a document.
+
+
+
+ <style>
+ @sheet framework {
+ h1 { color: maroon; }
+ }
+ </style>
+ <h1>Sample text</h1>
+
+ In this example, the ''h1'' tag does not have the maroon color applied, as the ''@sheet''
+ named "framework" was not explicitly embedded into the document.
+
+Declaring Named Stylesheets
+
+ A [=named stylesheet=] may be declared by using
+ an [[#at-ruledef-sheet|@sheet block at-rule]],
+ assigning its child style rules into that sheet.
+
+
+Importing Specific Named Stylesheets: the ''from'' Keyword
+
+
+ <url-string> = [ <> | <> ]
+ <sheet-name-list> = [ <> ][ ,<> ]*
+
+ @import [ <> from ]?
+ [ <> ]
+ [ layer | layer(<>) ]?
+ <> ;
+
+ <import-conditions> = [ supports( [ <> | <> ] ) ]?
+ <>?
+
+ where:
+ * the optional <> imports only the named sheet(s)
+ with names matching [=named stylesheet=]s from the provided URL
+ in the order they are listed.
+
+ * the <>
+ gives the URL of the [=stylesheet=] to be imported.
+
+ * the optional ''layer'' keyword or ''layer()'' function
+ assigns the contents of the [=stylesheet=]
+ into its own anonymous [=cascade layer=]
+ or into the named [=cascade layer=].
+
+ The layer is added to the layer order
+ even if the import fails to load the stylesheet,
+ but is subject to any [=import conditions=]
+ (just as if declared by an ''@layer'' rule wrapped
+ in the appropriate [=conditional group rules=]).
+
+ * the optional <>
+ states the [=import conditions=] under which it applies.
+
+
+ A file with the
CSS Style Sheet Content-Type
+ and a URL of "foo.css":
+
+ @sheet framework {
+ h1 { color: maroon; }
+ }
+
+ A document with the following CSS and HTML:
+
+ <style>
+ @import framework from url(foo.css);
+ </style>
+ <h1>Sample text</h1>
+
+ In this example, the ''h1'' tag has the maroon color applied.
+
+ The following
conditional @import rule
+ only loads the [=named stylesheet=] with a name of "foo" from "narrow.css" when the UA
+
supports ''display: flex'',
+ and only applies the [=stylesheet=] on a
handheld device
+ with a
maximum viewport width of 400px.
+
+
@import foo from url("narrow.css") supports(display: flex) handheld and (max-width: 400px);
+
+ The following layer imports the [=named stylesheet=]s named "foo" and "bar" from "tabs.css" into
+ the ''framework.component'' layer, and an un-named layer, respectively:
+
+
+ @import foo, bar from url("tabs.css") layer(framework.component);
+ @import foo, bar from url("override.css") layer;
+
+
+ The following lines are equivalent in meaning
+ and illustrate both ''@import'' syntaxes
+ (one with ''url()'' and one with a bare string):
+
+
+ @import "mystyle.css";
+ @import url("mystyle.css");
+
+
Sheet APIs
+
+
+The CSSSheetBlockRule interface
+
+ The {{CSSSheetBlockRule}} interface represents
+ the ''@sheet'' [[#at-ruledef-sheet|block rule]]:
+
+
+ [Exposed=Window]
+ interface CSSSheetBlockRule : CSSGroupingRule {
+ readonly attribute CSSOMString name;
+ };
+
+
+ Its name attribute represents
+ the <> declared by the at-rule itself.
+
+The SheetNameList Interface
+
+An object that implements the {{SheetNameList}} interface
+defines a list of stylesheet names.
+
+
+[Exposed=Window]
+interface SheetNameList {
+ readonly attribute unsigned long length;
+ getter CSSOMString? item(unsigned long index);
+};
+
+
+
+Extensions to the CSSImportRule interface
+
+ The {{CSSImportRule}} interface is extended as follows:
+
+
+ partial interface CSSImportRule {
+ [SameObject] readonly attribute SheetNameList sheetNames;
+ [SameObject] readonly attribute StyleSheetList namedStyleSheets;
+ };
+
+
+ Its sheetNames attribute represents
+ a list of <> definitions declared by the at-rule itself in the order
+ they are listed.
+
+ Its namedStyleSheets attribute represents the list
+ of imported [=named stylesheet=]s in the order they are imported.
+
+
+
+
+Changes
+
+This appendix is informative.
+
+
+
+Additions Since Level 6
+
+ The following features have been added since
+ Level 6:
+
+ * The definition of a [=stylesheet=].
+ * The ''@sheet'' rule for subdividing stylesheets.
+ * CSSOM definition for {{CSSSheetBlockRule}}.
+ * CSSOM definition for {{SheetNameList}}.
+ * Extended CSSOM definition for {{CSSImportRule}}.
+
+
+Additions Since Level 5
+
+ The following features have been added since
+ Level 5:
+
+ * The definition of a [=scope=],
+ as described by a combination of <> and <> selectors.
+ * The in-scope ('':in()'') pseudo-class for selecting with lower-boundaries
+ * The ''@scope'' rule for creating scoped stylesheets
+ * The definition of [=scope proximity=] in the cascade
+
+
+
+Additions Since Level 4
+
+ The following features have been added since
+ Level 4:
+
+ * Added [=cascade layers=] to the [=cascade=] sort criteria
+ (and defined style attributes as a distinct step of the [=cascade=] sort criteria
+ so that they interact appropriately).
+ * Introduced the ''@layer'' rule for defining cascade layers.
+ * Added ''layer''/''layer()'' option to ''@import'' definition.
+ * Introduced the ''revert-layer'' keyword for rolling back values to previous layers.
+
+
+Additions Since Level 3
+
+ The following features have been added since
+ Level 3:
+
+ * Introduced ''revert'' keyword, for rolling back the cascade.
+ * Introduced ''supports()'' syntax for supports-conditional ''@import'' rules.
+ * Added [=encapsulation context=] to the [=cascade=] sort criteria
+ to accommodate Shadow DOM. [[DOM]]
+ * Defined the property two aliasing mechanisms CSS uses to support legacy syntaxes. See [[css-cascade-4#aliasing]].
+
+
+
+Additions Since Level 2
+
+ The following features have been added since
+ Level 2:
+
+
+ - The 'all' shorthand
+
- The ''initial'' keyword
+
- The ''unset'' keyword
+
- Incorporation of animations and transitions into the cascade.
+
+
+Acknowledgments
+
+ David Baron,
+ Tantek Çelik,
+ Keith Grant,
+ Giuseppe Gurgone,
+ Theresa O'Connor,
+ Florian Rivoal,
+ Noam Rosenthal,
+ Simon Sapin,
+ Jen Simmons,
+ Nicole Sullivan,
+ Lea Verou,
+ and Boris Zbarsky
+ contributed to this specification.
+
+
+Privacy Considerations
+
+ * User preferences and UA defaults expressed via application of style rules
+ are exposed by the cascade process,
+ and can be inferred from the computed styles they apply to a document.
+
+
+Security Considerations
+
+ * The cascade process does not distinguish between same-origin and cross-origin stylesheets,
+ enabling the content of cross-origin stylesheets to be inferred
+ from the computed styles they apply to a document.
+
+ * The ''@import'' rule does not apply the [=CORS protocol=] to loading cross-origin stylesheets,
+ instead allowing them to be freely imported and applied.
+
+ * The ''@import'' rule assumes that resources without Content-Type metadata
+ (or any same-origin file if the host document is in quirks mode)
+ are text/css,
+ potentially allowing arbitrary files to be imported into the page
+ and interpreted as CSS,
+ potentially allowing sensitive data to be inferred from the computed styles they apply to a document.